Tutorial How To Use Google Font On WordPress

This simple wordpress tutorial, tips, trick guide with video how to change your wordpress font with google font. You can choose font you want from Google Font Directory and it free to use as open source license and are served by Google servers. Follow this step by step below or check out video tutorial how you can manually change wordpress font with Google font:


STEP 1: Go to Google font directory

STEP 2: Choose font you like, for example in this tutorial, we choose “Just+Another+Hand” font style.

STEP 3: Click it and select “Launch in font previewer” button

STEP 4: In this section, you can adjust your google font style such as size, variant, shadow, transform, decoration and spacing.

STEP 5: Now login to your wordpress, under Appearance setting go to Editor option.

STEP 6: At the right hand click header.php then place this code before </head> and save it (Update File Button). You can get this below code from google font directory.

Please generate and paste your ad code here. If left empty, the ad location will be highlighted on your blog pages with a reminder to enter your code.

<linkĀ  href=”//fonts.googleapis.com/css?family=Just+Another+Hand:regular” rel=”stylesheet” type=”text/css” >

STEP 7: Click style.css. Now for example, we want change our content h1 style. Just scroll down, place and change this below code into #content h1 section with your standard wordpress style css. Click update file.

font-family: ‘Just Another Hand’, serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;

STEP 8: Done. you can check your wordpress site if it make change your from standard wordpress font to your new google font. Also you can check this video tutorial how to use google font into your wordpress.

Video Tutorial How To Use Google Font On WordPress Blog

Speak Your Mind

*


*