My Role

The team

Tech & notes

status

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

What You’ll Learn:

  • Static Font Styling - Set up bold, italic, and bold-italic styles within font families

  • Variable Font Techniques - Work with variable axes and weight controls

  • Custom Font Power - Overcome Framer’s limitations by mixing different font families

  • Link Styling Bonus - Create custom link styles with decorations, hover effects, and transitions

Key Topics Covered:

  • Setting up accessibility tags and text styles

  • Understanding Framer’s inline text style limitations vs. Webflow

  • Working with font family restrictions and how to overcome them

  • Using the bold, italic, and bold-italic “slots” creatively

  • Custom font flexibility for maximum design control

  • Advanced link styling with wavy underlines and hover states

Music In This Vid:
Street Fighter Lofi Mixtape 👊 Chill remixes and beats from the SF series

Framer

Tutorial

Typography

My Role

The team

Tech & notes

status

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

What You’ll Learn:

  • Static Font Styling - Set up bold, italic, and bold-italic styles within font families

  • Variable Font Techniques - Work with variable axes and weight controls

  • Custom Font Power - Overcome Framer’s limitations by mixing different font families

  • Link Styling Bonus - Create custom link styles with decorations, hover effects, and transitions

Key Topics Covered:

  • Setting up accessibility tags and text styles

  • Understanding Framer’s inline text style limitations vs. Webflow

  • Working with font family restrictions and how to overcome them

  • Using the bold, italic, and bold-italic “slots” creatively

  • Custom font flexibility for maximum design control

  • Advanced link styling with wavy underlines and hover states

Music In This Vid:
Street Fighter Lofi Mixtape 👊 Chill remixes and beats from the SF series

Framer

Tutorial

My Role

The team

Tech & notes

status

This video breaks down everything you need to know about Framer’s approach to inline text styles, including the strengths, weaknesses, and workarounds.

What You’ll Learn:

  • Static Font Styling - Set up bold, italic, and bold-italic styles within font families

  • Variable Font Techniques - Work with variable axes and weight controls

  • Custom Font Power - Overcome Framer’s limitations by mixing different font families

  • Link Styling Bonus - Create custom link styles with decorations, hover effects, and transitions

Key Topics Covered:

  • Setting up accessibility tags and text styles

  • Understanding Framer’s inline text style limitations vs. Webflow

  • Working with font family restrictions and how to overcome them

  • Using the bold, italic, and bold-italic “slots” creatively

  • Custom font flexibility for maximum design control

  • Advanced link styling with wavy underlines and hover states

Music In This Vid:
Street Fighter Lofi Mixtape 👊 Chill remixes and beats from the SF series

Framer

Tutorial

Typography