Choose Proper Type for a Title: Exuding Google Web Fonts

  • Share
  • Share

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.

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

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

p{ font-family: ‘Erica’, arial; }

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

<br />
<br />
<p><br />
<br /><br />
<br /><br />
<p>@font-face { font-family: ‘Erica’; src: url(‘fonts/erica.ttf’); src: local(‘Erica’), url(‘fonts/erica.ttf’) format(‘truetype’); }</p></p>

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 Chela One by Miguel Hernandez

2. Erica One by LatinoType Erica One by LatinoType

3. Cinzel Decorative by Natanael Gama Cinzel Decorative by Natanael Gama

4. Cantora One by Impallari Type Cantora One by Impallari Type

5. Condiment by Sudtipos Condiment by Sudtipos

6. Gorditas by Gustavo Dipre Gorditas by Gustavo Dipre

7. Ribeye Marrow by Astigmatic Ribeye Marrow by Astigmatic

8. Butcherman by Typomondo Butcherman by Typomondo

9. Jolly Lodger by Font Diner Jolly Lodger by Font Diner

10. Ranchers by Impallari Type Ranchers by Impallari Type

11. Ribeye by Astigmatic Ribeye by Astigmatic

12. Finger Paint by Ralph du Carrois Finger Paint by Ralph du Carrois

13. Diplomata SC by Eduardo Tunni Diplomata SC by Eduardo Tunni

14. Sevillana by Brownfox Sevillana by Brownfox

15. Press Start 2P by CodeMan38 Press Start 2P by CodeMan38

16. Give You Glory by Kimberly Geswein Give You Glory by Kimberly Geswein

17. Caesar Dressing by Open Window Caesar Dressing by Open Window

18. Titan One by Rodrigo Fuenzalida Titan One by Rodrigo Fuenzalida

19. Ewert by Multiple Designers Ewert by Multiple Designers

20. Fascinate by Astigmatic Fascinate by Astigmatic

21. Emblema One by Riccardo De Franceschi Emblema One by Riccardo De Franceschi

22. Piedra by Sudtipos Piedra by Sudtipos

23. Flavors by Sideshow  Flavors by Sideshow 2

24. Mrs Sheppards by Sudtipos Mrs Sheppards by Sudtipos

25. Orbitron by Matt McInerney Orbitron by Matt McInerney

26. VT323 by Peter Hull VT323 by Peter Hull

27. Miltonian by Pablo Impallari Miltonian by Pablo Impallari

28. Wallpoet by Lars Berggren Wallpoet by Lars Berggren

29. Rock Salt by Sideshow Rock Salt by Sideshow

30. Codystar by Neapolitan Codystar by Neapolitan

About the author

Co-founder of land-of-web.

Leave a Comment