⚠️
Video playback error
0.25x
0.5x
0.75x
1x ✓
1.25x
1.5x
1.75x
2x
0:00:00 / 0:00:00

Text Styles in Framer (Fundamentals Lesson 19)

Enjoy videos in any language, instantly!

Script

Original:

Just about everything we covered about color styles in the previous lesson applies directly to text as well, with a few small differences that are naturally specific to text. Now, let's take a look at all the ins and outs of text styles in Framer. Just like we did for colors, I'll start by selecting a layer to create a style from. With my heading here selected, I'll head down to the text section of the properties panel where we see styles, and then a button here where we can view all of the text styles that are in our project. Currently there aren't any, so I'll click to create a new style and then I get to choose a heading tag or a paragraph tag.

Translated:

Майже все, що ми розглядали про стилі кольору в попередньому уроці, так само стосується і тексту, за винятком кількох невеликих відмінностей, характерних саме для тексту. А тепер давайте розглянемо всі тонкощі стилів тексту у Framer. Як і для кольорів, почну з вибору шару для створення стилю. Вибравши заголовок тут, я перейду до текстового розділу панелі властивостей, де ми бачимо стилі, а потім — кнопку для перегляду всіх стилів тексту в нашому проєкті. Наразі їх немає, тому я натисну, щоб створити новий стиль, а потім зможу вибрати тег заголовка або тег абзаца.