Framer Update, Layout & Design

Framer Update: OpenType for 1400+ Fonts

Framer Update: OpenType for 1400+ Fonts

Framer Update: OpenType for 1400+ Fonts

Benjamin

·

1:37

·

3.8K views

·

Jan 16, 2025

About this lesson

Introducing OpenType support for all Google Web Fonts, now supporting OpenType features for more than 1400 new fonts. This means popular typefaces like Roboto, Open Sans, Geist, Mona Sans now support all available OpenType features. Add a unique touch to your typography by picking stylistic sets, character variants, ligatures, and so much more. Combine with Variable font features for ultimate control. https://framer.com/updates/opentype-google-fonts

🌞 Start for free: https://framer.link/yt

📚 Learn more at: https://framer.link/yt-academy

💎 Join the Community: https://framer.link/yt-community

🎉 Follow on X: https://framer.link/yt-x

0:00yo my name is Benjamin and in this 0:03update we're adding open type support to 0:06all Google web fonts available in framer 0:10this means that over 0:111,400 fonts now have access to open type 0:15features and as a refresh I'll show you 0:18a couple many fonts include stylistic 0:21sets with unique characters like Guist 0:25which has a couple of cool alternative 0:27A's similarly when dealing with numbers 0:30you often get a lot of control through 0:33open type features like the ability to 0:36enable 0:39fractions some fonts will also include 0:42some more unique character variants for 0:45specific 0:46combinations like this overlapping 0:51a the open source Mona sand has a ton of 0:55open type features as well which include 0:58many character variants like this 1:01simplified G and of course you can often 1:04use open type features to enable 1:06ligatures like the standard and 1:09discretionary ligatures available on 1:11instrument serif allowing specific 1:14character combinations to appear as a 1:16single glyph we're super excited to give 1:19you complete access to all characters 1:22and open type features to over a th000 1:25new fonts in framer available today

TeachesTypography

Also coversComponent Variants

Watch on YouTube ↗

‹ Adding Links in Framer (Fundamentals Lesson 15)

A new home for Framer Experts ›

More in this topic

Framer Update: Logo Shaders

Framer Update12K views · 1 month ago

Framer Update: CMS 3.0

Framer Update: CMS 3.0

Framer Update14K views · 1 month ago

8 Framer shortcuts you're probably sleeping on

8 Framer shortcuts you're probably sleeping on

Layout & Design3K views · 2 months ago

Framer Update: Holo Shader

Framer Update: Holo Shader

Framer Update6K views · 2 months ago

Framer Update: Auto Translate

Framer Update: Auto Translate

Framer Update4K views · 2 months ago

Framer Update: Stack Sorting and Bento Grids

Framer Update: Stack Sorting and Bento Grids

Framer Update7K views · 2 months ago

Shader: Chromatic Aberration

Shader: Chromatic Aberration

Framer Update7K views · 2 months ago

Sharing Vector Sets Across Projects (Vectors Lesson 7)

Sharing Vector Sets Across Projects (Vectors Lesson 7)

Layout & Design1K views · 3 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.