All the font weights that aren’t being used will slow down the requests from Google’s servers. Regular and bold are the most popular ones, there is no need to have the whole variation from extra-thin to extra-bold from a performance perspective. We don’t recommend you use more than 2 or 3 fonts for your brand identity, and also make sure to limit font weights. Less Is More: Only Use The Fonts You Need To help you find the best Google Fonts on WordPress and install them on your site, follow our 3 best practices below. Whatfont chrome extension – Source: WP Rocketīest Practices to Use Google Fonts on WordPress You can install the free Chrome extension “Whatfont” and hover your mouse on the font that you like, it will identify the family font, the weight, the size, and much more. Well-chosen font – Source: ticket formula1īonus: How to Identify a Font on a Website They created a “racing” and “automotive” look and feel by choosing the right font. To give you a real-life example, the Formula 1 website chose the perfect font for their ticketing site. Choosing a font according to the industry – Source: WP Rocket But if your client is more of a luxury brand, then the font should express elegance and sophistication. Similarly, if you want to create a website for a kindergarten, you should opt for a friendly and easygoing font. You can’t use the same font for a reggae bar and a lawyer: the design codes are different. Look-and-feel Based on the IndustryĮach font impacts and influences your customers’ emotions when they read something online or in the street. Check the web content accessibility guidelines to make sure that all can read your font. Fonts and readability – Source: WP RocketĪccessibility also correlates to font size, colors, and contrasts you will use on your web page. The article written using the “Roboto” font looks easier to read than the one in the “Kablammo” font. Fonts directly affect readability in web design, as you can see in our example below. Readability describes how easy and inviting it is for a person to read some text online. When choosing the best Google Fonts for websites, you should consider the readability and the look and feel based on the context and industry. How to Choose and Use Google Fonts on WordPress Google Fonts usually don’t impact performance much as they are retrieved from Google’s content delivery network (CDN) and will load automatically once uploaded to your site. You can find the perfect Google Fonts directly from the directory by using the search box and the different filters available: Google Fonts directory with advanced filters – Source: Google Fonts The value is real: you will not need additional licensing charges. They are free and open source, so that you can use them commercially for a logo, print, apps, teaching materials, e-books, etc. Google Fonts is a robust collection of web fonts you can use for any project online and offline. You’ll see that there is always a font that can match your needs and your niche! What Are Google Fonts? Google has over a thousand fonts available in its catalog, but we’ve done the heavy lifting for you and selected the 11 most popular ones. How fonts are integrated with the brand identity – Source: WP Rocket Some famous brands, such as Disney or Coca-Cola, are automatically associated with a font when we mention them. You need to choose them carefully according to context because it affects your audience’s feelings (and, therefore, the buying decision process). Are you looking for the best Google Fonts for your next web project?įonts are a crucial part of the whole brand identity.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |