The different font styles you apply to these parts should fit your brand identity and suit your site content. The fonts should also complement one another aesthetically. <\/p>\n\n\n\n
A homepage displaying non-standard font<\/strong><\/p>\n\n\n A homepage displaying normal font<\/strong><\/p>\n\n\n Please note that your logo font should relate to at least one or all of the font styles you decide to use on the rest of your site. This helps keep your brand image consistent.<\/p>\n\n\n\n A font family is a group of fonts that have a similar design but different styles (Thin, Regular, Bold, etc.). They look like:<\/p>\n\n\n In general, you should stick to one or two font families. If you use more than two font families, your content might appear inconsistent and less readable.<\/p>\n\n\n\n You can use online services to find great font pairings, such as Fontpair<\/a> and Google Fonts<\/a>. Just make sure the fonts you select match your brand identity, convey the personality of your content accurately, and are legible.<\/p>\n\n\n When designing your typography, you can choose 2 font families and designate one for your headings and the other for your paragraphs. This creates a nice look which gives you more opportunity to express your brand identity. <\/p>\n\n\n However, the easiest way to design your typography is by choosing one font family and applying it with different styling effects such as bolding or italicizing. You can apply these to different text parts such as headings or paragraphs.<\/p>\n\n\n The different textual parts of your site work together to create a content hierarchy that helps users understand the level of importance of text content. For example, the most demanding textual parts include your headings.<\/p>\n\n\n\n This is important because appropriate font styling not only conveys your brand identity but is also vital for page content organization and readability. <\/p>\n\n\n\n When you arrange your font families together and create your hierarchy, you need to apply it to your text. When you\u2019re done, it looks like the example below:<\/p>\n\n\n The hierarchy in the example above makes it instantly clear what information is primary and what is secondary on a page, which is essential for good readability and organization.<\/p>\n\n\n\n To make sure that your content is readable across different devices, we suggest trying out different font sizes and styling then checking everything on the front-end. Make sure to check the content for different screens, such as mobile, tablet, and computer. <\/p>\n\n\n\n A website page displaying content following recommended sizing<\/strong><\/p>\n\n\n![\"\"](\"https:\/\/toolset.com\/wp-content\/uploads\/2021\/05\/toolset-design-typography-1.png\")
<\/a><\/figure>\n<\/div><\/div>\n\n\n\n<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\nHow to choose a font family<\/h3>\n\n\n\n
Creating your font pairings<\/h3>\n\n\n\n
<\/a><\/a><\/a>Using typography for better website readability<\/h3>\n\n\n\n
<\/a><\/a><\/figure>\n<\/div><\/div>\n\n\n\n