• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

❤ OrganicWeb

Australian Mailchimp Training Partners

  • Home
  • Services
    • Mailchimp Public Classes
      • Adelaide
      • Auckland
      • Brisbane
      • Melbourne
      • Online
      • Perth
      • Singapore
      • Sydney
      • Wellington
    • Mailchimp Corporate Training
    • Mailchimp Consulting
  • Blog
  • Contact & About
You are here: Home / WordPress / How to use Free Web Fonts with WordPress

How to use Free Web Fonts with WordPress

July 30, 2010 by Gary 1 Comment

The use of Web fonts (Web typography) is increasing massively due to improving support by Internet Browsers, widening ease of use within Websites and increased standardisation such as the Web Open Font Format (WOFF) and the introduction of HTML5 and CSS3. The use of Web fonts extends the number of fonts that may be used on websites as well as the ease with which additional fonts may be included. In most Websites a standard set of fonts are used as all major brands of computers and Browser support this core (but small) set of font families such as Arial and Times New Roman. With Web fonts (using the @font-face CSS rule) the font to be used is referenced and, if it isn’t already in the installed set on the visitor’s computer/Browser, the font is downloaded from the reference (link).

Is using Web Fonts Slow?

It seems logical that if a font needs to be downloaded before it is used, then that will slow Page load speeds. Unfortunately this is a downside of using Web fonts! Not only will extra data (i.e. the font) need to be downloaded by the browser, but there will also be additional http requests which may negatively impact Page load speeds. As the use of Web fonts increases so will the chance that the Web font used on a Page has been downloaded in the past by the Browser and so needn’t be downloaded again.

There are also steps being taken by both Web font distributors and Browser developers to improve the visitor experience when downloading Web fonts is necessary. For example most of the Web font distributors are compressing the fonts for faster download and Mozilla Firefox uses ‘Flash of unstyled text’ where the text is displayed in a default font until the Web font has been downloaded at which time the font changes to the Web font (Google Chrome and Apple Safari display a blank space until the font has been downloaded whereas with Internet Explorer the action taken depends on where the stylesheet <link> tag is placed in the head section).

Use Web Fonts in WordPress

Jul 30, 2010 hreview by Gary EcksteinUsing Web Fonts is very simple with the WP Google Fonts WordPress Plugin

WP Google Fonts WordPress plugin Review

WordPress Website/Blog/CMS is easily achieved. I have recently been playing with the ‘WP Google Fonts’ WordPress Plugin which makes using the free Web fonts from the Google Font Directory (using the Google Font API) with WordPress very simple (well done to Adrian Hanft, the Plugin author). The Google Font Directory offers a fairly limited selection of fonts to use but the number offered is sure to grow substantially as the use of web fonts increases. The great thing about the WP Google Fonts Plugin is that it allows the use of additional CSS controls for use with the Web font family used (e.g. drop-shadows) so the ‘look and feel’ of the Web fonts can be easily amended. Although the WordPress plugin page notes that the Plugin is compatible up to WordPress v2.9, I have tested it with WordPress 3 and with Artisteer templates and haven’t encountered any errors. This is a great way to use Web fonts in WordPress and I recommend using this Plugin.

Found this useful? Please share:

  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • More
  • Click to email this to a friend (Opens in new window)

Related

Filed Under: WordPress Tagged With: CSS, fonts, WordPress, wordpress plugins

Contact Gary now

Email: [email protected] Telephone: (+61) 04 1092 3445

Gary from OrganicWeb
  • This field is for validation purposes and should be left unchanged.

What our clients have to say

Gary totally blew my mind with the possibilities available & how they can work for my business specifically."
Kim, Brisbane
Great facilitator and ensured the whole class was happy and competent at the end of the session."
Natalie, Sydney
Don't waste time looking anywhere else - contact Gary today, you won't be disappointed."
Evelyne, Sydney
He is knowledgeable and gifted on the in's and out's of Mailchimp and email campaigns. I highly recommend him! He will make your efforts count!"
Fred, Melbourne
I highly recommend anyone seeking information on how to use Mailchimp to attend one of Gary's expert workshops."
Beverley, Gold Coast
I was constantly updated by email with progress of the work, which was completed to my total satisfaction. Highly recommendable company."
Harry, London

Learn Mailchimp

Attend one of our classes and learn the tips and tricks to incredible results using Mailchimp
Learn More

Leave a Reply Cancel reply

Want Mailchimp Training?

Gary now offers his Mailchimp class online. Learn from a Mailchimp Partner

Learn Mailchimp

Australian Mailchimp Partners

What our clients say

"Gary was awesome! He has a fantastic way of making everything rather simple and straightforward. I definitely left with a lot more knowledge, confidence and ideas than when I walked in. Thanks Gary!" Fiona

Australian Mailchimp Classes

Want to learn Mailchimp?

See Dates

Meet Gary, Mailchimp Expert

Gary Eckstein is listed by Mailchimp as an Expert.

Gary is a Mailchimp Expert and Partner. He delivers Mailchimp training and consulting services in Australia. Gary presents at Mailchimp events and hosts the first, and only, Australian Mailchimp sponsored event.

Contact Gary for your Mailchimp needs

READY TO GET STARTED?

Contact Gary today to get started with Mailchimp consulting, training or integrations.

Get in touch!

Copyright © 2019 · Sitemap · ABN: 40800872179 · Privacy Policy · Terms of Service

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.