HackingUniversity - Hacks . Tricks . How-To's

21 May 2015

How to Preview Custom Fonts on your Website or Blog

Designing a blog includes everything  from top to bottom, including custom fonts in order to make blog look more appealing and easier to read. Adding some nice widgets and much, well but the problem is while designing a blog its very difficult to check every single font that going to work for your blog. You have to include many styles and then change the CSS coding in order to get that font working.

Well but not know as we have a very simple tool that can make your work a lot easier, entering TypeWonder an online custom fonts viewing and screening tool for any website. The thing you need to do is to just copy your blog URL and paste it and rest of the work is done automatically by the typewonder website.

Check Google Custom Fonts Preview on your Website

type wonder custom fonts

So now all these fonts are delivered by google fonts so they are totally free to use and you do not have to pay for these fonts. Atlast if you like the fonts you will get all the required things to implement that font onto your website. So lets see how this thing works and how to implement custom fonts on your website.
  1. Visit TypeWonder Website.
  2. Now enter your blog or website URL.
  3. Press the GO button and now choose the custom font that you want to preview on your blog or website, you can even search for any font too.
  4. Now you choose the font and press USE.
  5. Wait for few seconds till your blog loads and you will be able to see your custom font live on your blog, like in the above image.
  6. If you like that font you can choose the Get Code button above, you will get the <link URL that you have to paste under <head> tag and then apply the font-family CSS in your template.

That's it now your font will be live, working and running on your blog, make sure to choose a good font that does not affect your page load speed, you can check review for that font by typing its name on google and check its loading speed.