Today at Sayonara, we’re web designs going to tell you what Google Fonts are and what users think are the best fonts for your website .
All web designers know how important font selection is . When creating a website, the font must be perfectly legible and of an appropriate size , or Google’s infamous spiders could penalize you.
What is Google Fonts?
For those who aren’t familiar with web designs it yet, Google Fonts is an interactive directory or catalog of free fonts . This means you can use these fonts wherever and however you want, completely free of charge .
This gallery was launched in 2010 under create your own database the name Google Web Fonts and featured only 19 fonts. Today, it has 923 different font families .
How do you use it?
The Google Fonts website is very simple and intuitive . You can use fonts in two different ways: downloading them web designs or importing them into a web page.
How to download fonts from Google Fonts?
To download fonts from Google Fonts, just follow these simple steps:
1. Open the website Google Fonts
2. Find the font you want to use. You can do this using the search engine or the various filters available on the website.
3. To select it you can do two things:
4. Regardless of the option you choose, a mobile devices: all about the new google algorithm! window will appear in the lower right corner of the website. Click on the window to open it and press the download button.
Now that we have the font we want, all that’s left is to install it. This process is very simple for both Windows and Mac. Simply open the downloaded zip file, double-click the TTF file you want to install, and follow the wizard’s instructions.
How to import a Google Font to a website?
As you can see in the image above, when you select the font you want and open the window, the share and download options appear in the top right corner, and just below the font name, the “EMBED” option.
You need to go to your taiwan lists website’s HTML document, to the <head> section, and copy the following:
Then, every time you want to use that font on the web, you have to put the following in the CSS:
Now that we know how to use Google Fonts, let’s get to the important stuff.
What are the 10 best Google Fonts?
To help us choose the 10 best Google Fonts , we went straight to the numbers. And to do so, we used Google’s own data, thanks to Google Fonts Analytics . This Google tool tracks fonts and ranks them based on the number of websites that use them .
Here you can see the Google Fonts Analytics interface :
Google has crawled 31 trillion and counting… isn’t that incredible? In the following image, we’ll see the tool’s ranking of the 10 most used Google Fonts .
Roboto is a comprehensive font family created by Christian Robertson. Google developed it to serve as a font for the Android Ice Cream Sandwich (4.0) operating system, and it was later used in Google OS as well . It is currently used across all Google projects, products, and services .
This font comes in 12 different styles.
It’s by far the most famous and Googled typeface . This font appears on over 26 million websites .
At this link you can see and download Roboto in Google Fonts .
With Open Sans, we find another of the most famous fonts, created by Steve Matterson, Ascender Corp.’s typography director. It’s a friendly-looking sans-serif specifically designed and optimized for print, websites, and mobile interfaces .
This is a very versatile typeface that comes in 10 different styles . This font appears on over 25 million websites .