Again, remember not to use Google Fonts more than 2 (one for titles and one for content) and maximum 5 styles for main font. Your text should now have the custom font. įont-family: 'Alegreya Sans SC', Arial, sans-serif Īnd you are done. The best method to use a global font in your website is to apply the font-family property to tag. Great, now you must set the font in your main CSS file or using a tag. That means you can integrate the fonts using the tag inside the part of your site. What font family do you use for NavBar section names As the title says, what font family do you usually go with for your navigation bar text Preferably a google font 6 comments. The most used and recommended option is the standard solution.
#FONT FAMILY IN HTML HOW TO#
In the same page with styles there are instructions on how to use Google Fonts in HTML. Integrate and Use Google Fonts in HTMLĪfter choosing the right styles, you can integrate font in your HTML page. Some fonts may not support all characters sets and be aware of using multiple sets. That means if are using different alphabet characters, they will render correctly only if you set the right character set. If you are using italic font, make sure to test how the font will look with the style checked and unchecked.ĭepending on your language, you can choose the character sets you want. As the tip on the right is saying, using many font styles can slow down your webpage. Here you must choose font styles that will look good on your page. You will be redirected to the settings page.
.Pick a Font and Choose the Right StyleĪssuming that you found your desired font, click on the "Quick Use" Button. So, it is possible to specify two or more font face alternatives by listing the font face names, separated by a comma. It is highly recommended to not use more than 3 custom fonts in your website and we will explain below why. Also the blue button "Add to Collection" should be used when you want to use more fonts in your website.Īs an example, for titles you will use a font and for subtitles another font. Each font has some buttons in the right to check all font styles, to quick use that font or pop out a window with all characters available in that font. In the right column you can preview every font and check the filters results. With these filters you can search your desired font, sorting by thickness, slant or width and even by script language. If you enter on Google Fonts, you will see a column with filter, in the left of the page.