![]() Figma uses Google Fonts, and there is a variety of cursive Fonts to choose from. ConclusionĬursive fonts are a great way to add a touch of elegance and style to any type of document or piece of art. Body text is usually Sans Serif or something simple and easy to read. A space to sample/test Devanagari typefaces. That being said, in web design, Cursive fonts are primarily used in titles or not at all. Community is a space for Figma users to share things they create. For example, they can be used to create invitations, business cards, and even logos and can be integrated into your web layouts and prototypes. These cursive fonts can be used to create a variety of different types of documents and art. Below is a list of Fonts that are Cursive, which are also into Figma and can be easily used in any of your projects: You can check out all the TextNode properties and functions here.Figma uses the Google Font Library, which has over 1500 unique font families. setRangeTextStyleId() = set TextStyle to characters in range.setRangeLineHeight() = set line height to characters in range.setRangeLetterSpacing() = set letter spacing to characters in range.setRangeTextDecoration() = set text decoration to characters in range.setRangeTextCase() = set text casing to characters in range.setRangeFontName() = set font to characters in range.setRangeFontSize() = set font size to characters in range.lineHeight = set line height in pixels or percents.letterSpacing = set letter spacing in pixels or percents.textDecoration = set decoration to underline/strikethrough.textCase = set text casing to uppercase etc.textStyleId = set TextStyle using TextStyle id.fontName = set font family and style/weight.characters = set/write your text content.The documentation says that "Loading a font is done via figma.loadFontAsync(fontname)" and maybe for someone that is enough but, as a designer, I was a bit confused when I tried it and it didn't work.Īfter you have your fonts loaded you can use the following properties and functions of a TextNode: You cannot load fonts from the internet.) (As a sidenote: You can load any font thats already accessible in the Figma editor. In our example we want to use Work Sans, Bold. TextNodes have a property called fontName which is a javascript object that contains the font family and font style. Only when you're changing properties like fill colour or stroke, you do not need to load the fonts. So, basically every time you make changes to text content or its properties, you have to load its font. I found out that the exception will look like this in your console. If you attempt to change, say, fontName without first loading the font for that text node, the plugin will throw an exception. ![]() The important thing with text is that changing the content of a text node requires its font to be loaded and that fonts are not always available. The docs tells us this important thing about text and fonts: ![]() You can find the official Figma Plugin documentation page about TextNodes here but I believe the docs could be better and that's why I wrote this blog post. If you want to know more about this subject, just keep on reading. Enter fullscreen mode Exit fullscreen mode
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |