Using Google Fonts on Landing Pages

0
257

This is how you can use Google web fonts on your landing pages, blog posts and web pages. The benefit of this is that the font is loaded from a remote server include on the Google APIs so it does not depend on the local storage of that font on the users computer. This makes it great for landing pages as it will render the same on Windows, Mac, Android, iOS etc. Here is an example:

Google Fonts Rocks My World

 

This is the basic HTML code. Note the link to the style sheet in the head part of the document then you can set the font family as normal in any div, span or class.

<html>
<head>
<link href=’http://fonts.googleapis.com/css?family=Londrina+Solid’ rel=’stylesheet’ type=’text/css’>
</head>
<body>
<span style=”font-size: 3em; font-family: ‘Londrina Solid’, serif;”>Google Fonts Rocks My World</span>
</body>
</html>

Note in wordpress you can load the css in the body of the post and it seems to work fine… on Firefox at least.

Here is the link to the listings of Google Fonts

Have fun!

LEAVE A REPLY

Please enter your comment!
Please enter your name here