


Just go to the Google Web Fonts directory and copy the name of font but beware to get the exact spelling and case correct.) Step 3 : Create a new file in your child theme folder called functions.php In order to be able to use the Dosis font from the Google font directory on our site we will need to reference this font family in our page. You can manually change the font by adding the following to your preferred custom CSS location or stylesheet.

What we have here is an unusual manifestation of the W3C’s “separation of concerns” design principle. By making the task of differentiating that ampersand one of CSS and its imported font files alone, we eliminate the necessity of having to change the underlying document. Here’s the CodePen demo if you want to have a closer look: This not only makes the document clearer and more maintainable, but - by making obsolete - enables non-technical content contributors to write the text more easily.
INHERIT FONT DOWNLOAD DOWNLOAD
Google Fonts is a large library of free-to-use fonts that you can download or load straight from Google to use on your own website. Inherit: This setting doesnt load any extra font but inherits the font set by a parent element, in most cases the main body font. See the Pen viBGh by SitePoint ( on CodePen. They have a variety of fonts, styles and weights available, and. Google Fonts require a request to Google. Google Fonts: Select one of more than 600 free-to-use fonts provided by Google. HTTP requests will always slow your site down (sometimes hardly noticeable, sometimes more noticeable, it depends).
