{"id":7173,"date":"2014-04-10T16:29:07","date_gmt":"2014-04-10T23:29:07","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=7173"},"modified":"2014-07-15T08:28:57","modified_gmt":"2014-07-15T15:28:57","slug":"how-to-customize-your-font-properties","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/how-to-customize-your-font-properties\/","title":{"rendered":"How to customize your font properties"},"content":{"rendered":"

Last week we discussed how to use science to choose better fonts<\/a>. Once you\u2019ve chosen your ideal font, you\u2019ll need to add it on your pages. Pretty simple.<\/p>\n

Style Designer<\/a> and our Styles will provide your fonts with a default setting. But, you can further customize your fonts to include different weights, line heights and spacing.<\/p>\n

Font weights<\/strong>
\nIf you want to add style to one of your headers but still stay within the same font, you can leverage different weights. Depending on the font you choose, you will have weight options of light, regular, bold or extra bold. This will help you highlight different text and work great for testimonial pages like the one below:<\/p>\n

 <\/p>\n

\"Changing<\/p>\n

Letter spacing<\/strong>
\nSpacing between letters is more important than you might think. If letters are too squished, they\u2019ll be hard to read and similarly if they are too far apart. Here are 5 recommended Google Web Fonts<\/a> that we have in Sitebuilder that are good for reading longer blocks of content. You\u2019ll be able to adjust letter spacing in Style Designer under Fonts. Choose which header or paragraph text<\/a> you\u2019d like adjust and use the slider to see which letter spacing is the most appropriate.<\/p>\n

Line Height<\/strong>
\nThe height of your lines is also a key factor. This is the space between each line of text. You\u2019ll want to keep enough space so that your letters don\u2019t run into the line below, especially for \u2018p,\u2019 \u2018g,\u2019 \u2018y\u2019 and \u2018j.\u2019<\/p>\n

Text Transform<\/strong>
\nAnother great element that you can control is text transform. This property allows you to default your fonts to be capitalized, lowercase or uppercase. Depending on your brand and style, you may want to make your fonts have a text transform across each page like in the example below. We recommend using uppercase only for titles as it can be perceived as abrasive for paragraph text.<\/p>\n

\"Changing<\/a><\/p>\n

Have you played around with the font properties in Style Designer? Which are your favorites?<\/p>\n","protected":false},"excerpt":{"rendered":"

Last week we discussed how to use science to choose better fonts. Once you\u2019ve chosen your ideal font, you\u2019ll need to add it on your pages. Pretty simple. Style Designer and our Styles will provide your fonts with a default setting. But, you can further customize your fonts to include different weights, line heights and… Read MoreHow to customize your font properties<\/span><\/a><\/p>\n","protected":false},"author":378,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[130],"tags":[717,716,518,359,451],"class_list":["post-7173","post","type-post","status-publish","format-standard","hentry","category-site-building","tag-choosing-fonts","tag-customizing-fonts","tag-skyline","tag-style-designer","tag-super-flat"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\n\t\t\n