![]() ![]() This is not to be confused with kerning, which refers to the process of adjusting space between individual characters in a typeface.Īdjust the letter spacing for an entire text layer, or a selection of text. This can determine how easy your text is to read. Letter spacing lets you define the space between characters in a word, line, or paragraph. Translating line height: The Code panel allows you to view your designs as code. Each platform has a different way of representing line height. Figma includes the appropriate values and measurements for each platform, as well as alternative units of measurement. You can switch between fixed and percentage line heights and Figma will convert the value for you, to the nearest pixel. Windows: Hold down Alt Shift and to decrease.įigma allows you to set a fixed line height in pixels (px) or a line height that’s a percentage of the font size (%).įigma uses a font’s intrinsic line height as the default value( Auto), which varies between typefaces.Mac: Hold down ⇧ Shift ⌥ Option and to decrease.Use the field to adjust the vertical space between lines of text, or use the keyboard shortcuts: Large line heights can make text look messy and disjointed. Small line heights can make text difficult to read. This can help to balance designs and improve readability of your copy. Line height allows you to control the vertical distance between lines of text in a paragraph. Windows: Hold down Ctrl Shift and to decrease.Mac: Hold down Shift ⌘ Command and to decrease.Click the arrow to select a default font size.There are a few ways to adjust font size: Figma represents font size in points (pt). Points are a standard measurement in typography for length, leading, font size, and other units.Īdjust the font size using the field next to the font style. Windows: Hold down Ctrl Alt and to decrease.įont size controls the scale of your text.Mac: Hold down ⌥ Option ⌘ Command and to decrease.Use the keyboard shortcuts to increase and decrease the font weight.Click the arrow to explore styles for thee selected font.Adjust the font weight using the field directly below the font family. You can access weights once you select the font family. Some of the styles for the Roboto font family are: thin, light, regular, and medium. ![]() Every font family will come with its own selection of styles. Font weightĪ typeface can have any number of styles or weights. You can select another font family using the font picker. Click the arrow to explore styles for thee selected font.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |