Google Webfonts for WordPress – Forget Coding!

Fonts come in a wide variety of types and styles. Everyone likes to have several options to choose from at the time of creating a site and no one likes messing with too much coding unless necessary.

Google Fonts has a wide variety of fonts that you can use. Those who are familiar with it probably think that is a very useful tool but know that when it comes to WordPress sites it can be an issue unless you have some coding skills. Before this plugin existed you would have had to know how to change the fonts directly in the CSS file and change a few lines of code. Some people tried it but others, just had to keep the ones that came installed at first because they simply do not feel comfortable editing the stylesheet. Generally, an overall font is set in the body of a website as you can see below.

body {font-family: Verdana, Arial, Helvetica, 
     Futura, sans-serif; 
     font-size: 1em; 
     padding:0; 
     margin:0; }

The fonts which normally come with operating systems when installing, such as Arial, Verdana, Tahoma, Georgia – using CSS in styles.css, you can define a font-family for an element on page. Also, you can use external fonts – this means users don’t need to have that font on their system. Normally to use the @font-face rule to define your own font family you can put it in the top of style.css like this:

@font-face {
	font-family: Museo300;  
	src: local('Museo300-Regular'), 
		url("fonts/Museo300-Regular.ttf") format('truetype');  
	font-weight: normal;  
}

Then later on, you can write:

.post-item {font-family: Museo300}

Now, the new Google Webfonts plugin will do all of this for you and you don’t need to worry about having to mess with any CSS. All you need to know do is download the plugin, install and activate it, that’s all.

In the following video you will be able to learn how to install the plugin and get it ready to use. Get creative! there are thousand of different fonts you can use ! Below the video you will find a link that will take you to the wordpress site where the plugin is available to be downloaded.

 

References: Fonts info - WordPress plugin

Leave a Reply