James Bachini

Using Google Fonts on Landing Pages

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.

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

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!

Get The Blockchain Sector Newsletter, binge the YouTube channel and connect with me on Twitter

The Blockchain Sector newsletter goes out a few times a month when there is breaking news or interesting developments to discuss. All the content I produce is free, if you’d like to help please share this content on social media.

Thank you.

James Bachini

Disclaimer: Not a financial advisor, not financial advice. The content I create is to document my journey and for educational and entertainment purposes only. It is not under any circumstances investment advice. I am not an investment or trading professional and am learning myself while still making plenty of mistakes along the way. Any code published is experimental and not production ready to be used for financial transactions. Do your own research and do not play with funds you do not want to lose.