Choose Proper Type for a Title: Exuding Google Web Fonts

Web typography becomes one of the most exciting and helpful instrument since now you can freely experiment with typeface and without any problem add it to your working website making whole design look much much better. You can stick to one style throughout the template even in the smallest details such as titles, captions, and text formating. There are a bunch of different online services that offer amazing types, but today I want to talk about Google web fonts that are absolute free to use and very quick in cooperation.

How to embed the font into your website:

First method.

There is basic solution that is universal for everything even for CMS. For example, let’s add Google font – Erica to WordPress.

Open folder with themes, find your template and open header.php file in any text redactor, or you can simply use Editor in Menu->Appearance on admin backend. There almost at the beginning add only one line which declare new font.

[html]<link href=’http://fonts.googleapis.com/css?family=Erica’ rel=’stylesheet’ type=’text/css’>[/html]

Instead of ‘Erica’ you should put name of choosen typeface. After that you can simply use typeface in style.css file, like this

[css]p{ font-family: ‘Erica’, arial; }[/css]

Second method.
Download desirable font. Create a folder named “fonts” in a website root directory and place it there. Open your style sheet and add

[css][/css] 
 
 
 
 
@font-face { font-family: ‘Erica’; src: url(‘fonts/erica.ttf’); src: local(‘Erica’), url(‘fonts/erica.ttf’) format(‘truetype’); }

[css][/css]

If you don’t want to mess with code you can install wordpress plugins for quick integrating Google fonts

Today I have collected 30 amazing Google web fonts that are ideal for title decoration.

1. Chela One by Miguel Hernandez