Do you want to use Google fonts for your site? You can download the Google fonts list here . We have prepared a simple step by step guide on how you can use Google font for your site. Please see below

Step 1  Go to http://www.google.com/fonts

Step 2  Select the desired font that you would like to use, e.g. Shadows Into Light

Step 3 Click on Quick Use icon


Step 4 On the quick use page, scroll down to add this code to your website  section, click on the @import tab  and copy the code


Step 5 Integrate the fonts to your CSS file by adding the line below to your CSS file

.entry p {

font-family: ‘Shadows Into Light’, cursive;
}

note: we use the html tag entry p so the style will replicate to any paragraph on your site

Step 6 Login to WordPress control panel and go to Appearance > Editor > Style.css and paste the entire code below

@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);

.entry p {
font-family: ‘Shadows Into Light’, cursive;
}


Step 7 Click Update File and go to your online site. You should now see the paragraph of your site with Shadow Into Light font face.


Here is a video tutorial on how to use Google font on your site without a plugin

Print Friendly, PDF & Email

Leave a Reply

Your email address will not be published. Required fields are marked *