A font is a file containing the visual details that make up the design of each glyph or letter in that typeface.A typeface is a set of letterforms and glyphs with similar design features.There are a few terms associated with a font: Letters (or combinations of letters) affected by ligatures or stylistic alternatives.Blocks of text for alignment, spacing, and indentation.Hover over any feature or property to see the preview.įigma will display sample text that best suits the feature you're previewing. Use the preview at the top of the type details panel to see how a particular property or OpenType feature looks. Click to close the type settings panel.Variable tab (available for variable fonts only).Access any OpenType features, like letter forms, stylistic sets, character variants, horizontal spacing, and more.Apply any number settings, such as style, position (superscript and subscript), fractions, and more.If available, you can also toggle case-sensitive forms and capital spacing. Choose from uppercase, lowercase, capitalize, and small caps. You can also toggle hanging quotes and hanging lists. Offset the first line of text with paragraph indentation. Change the spacing between paragraphs of text.Apply decoration to text, like strikethrough and underline.Adjust the horizontal alignment of text.Choose how you want your text to horizontally resize.To open the type settings panel, click the three dots in the bottom-right corner of the Text section. The Type settings panel gives you access to additional text properties and OpenType features. Click to open the type settings panel and explore more text properties.Adjust the vertical alignment of text within the text box.Adjust the horizontal alignment of text within the text box.Select how text overflows or wraps with resizing behavior.Adjust the vertical distance between paragraphs with paragraph spacing.Adjust the horizontal distance between letters with letter spacing.Adjust the vertical distance between lines of text using the line height field.Use the arrow to adjust the size of your text.Use the arrow to select a font weight or style.Click the arrow to browse a list of web, local, and shared fonts to find a typeface or font family.Click the icon to view, create and apply text styles.Click the link to learn more about each property. Use the annotated image below to identify each property in the properties panel. Right sidebarĪpply and adjust text properties in the Text section of the right sidebar. Text properties can be found in the right sidebar and in the type settings panel. As there are a number of properties available, we've grouped them by location in this article, followed by sections with additional details. In this article, we'll take you through all the properties available for text. Text properties allow you to control everything from the appearance and position of text, to resizing behavior and OpenType features. Learn more about text properties →Īnyone with can edit access to a file can apply and adjust text properties. You can then adjust other properties of the text, like style, size, line height, letter spacing, and more. Click the to the right of the font to browse your font list.Figma will show the Text properties in the right sidebar.Select a text layer, or select some of the text within a text layer.If you're using the Figma desktop app, you can find your local fonts in the font picker: It allows Figma to access fonts on your computer, and open Figma links in the desktop app. Figma desktop appįigmaAgent is a secure background service that Figma also installs when you install the desktop app. To access these fonts in the font picker, you'll need to use the Figma desktop app ↓ or install the Figma font service ↓.
0 Comments
Leave a Reply. |