GFontr uses the Google WebFont service to embed fonts you can then use in your CSS.
Usage:
- upload and enable the plugin
- Go the Font page: Appearance>Fonts
- Tick the fonts you want included on your site
- Modify your stylesheet to use the new fonts
Note: the plugin does not output any CSS in your header. It is just an easy way to request fonts from Google without writting any lines of Javascript. The CSS has to be done manually by you, and I think this is a good thing
.
The plugin is available from the WordPress plugins repository at this address: http://wordpress.org/extend/plugins/gfontr/





















I have installed this plugin but….
• Tick the fonts you want included on your site
When I navigate to Appearance>Fonts I have no choices. just an option to save changes.
Am I doing something wrong?
Hi Don, you are doing everything right. Maybe you have disabled javascript? I have checked in a few different browser and everything seems to load fine (IE8, FF 3.6, Chrome). Are you using something else?
Hi Ben,
I am on a Mac and I am using
Safari 4.0.5 (6531.22.7)
and FF 3.6
I am also sure that javascript is active in both browsers as I work with it all the time and everything seems to work fine. You can’t just turn it off for just the back end of WordPress…can you?
I updated the plugin to the newest version via the auto update feature yesterday in WP
This page is supposed to be populated with web font choices…right
Hi Don, sorry for the late reply, this one went straight to spam. Sounds like something to do with Mac then. I haven’t got one handy but will do some testing and update the plugin when I can figure it out.
Hi Ben,
Great little plugin you have here. Very easy to use.
Unfortanetely I cannot get the fonts working in IE8.
It just reverts back whatever default font that has been chosen.
You can try and compare bewteen Firefox (or any other modern browser)and IE8 here: http://secus.dk/steenkofoed.dk/
If I go to the original Google Webfonts page IE8 does render the fonts.
http://code.google.com/webfonts
..guess we will never get rid of IE’s dark shadow over web development..
Secondly I am also having problems getting the fonts to look smooth on Windows 7, but that’s probably a setting on my system and not your plugin’s fault.
Thanks – Lars
Ben,
Very handy plug-in indeed. I’ve gotten it up and working without any issue – using a mac. I was wondering, however, if you plan on updating the list of potential font choices. Right now there are over 70 different fonts (plus variants) available through google – a significantly higher number than in the plug-in.
Thanks very much!
Hi Matt, thanks for your comment. I did mean to update this plugin for a while and always found something else to do instead. You gave me the little bit of motivation I needed
. I have updated the list with all the fonts available at the moment. Seems to be working fine here so hopefully should be working for you too.
You should be able to update from the WordPress backend right now (should say version 1.1).
Hi Ben,
Maybe a little more motivation? It seems that there are still some fonts not showing up that are in the directory. In particular, Rokkitt and News Cycle.
By the way, this plugin makes it so easy to use google’s font’s it’s crazy. Thank you.
David
Thanks for the push David, I’ve been away for a while but I’m back now and I should be able to update that list soon. I really need to find a way to make it dynamic…
Hi: Great plugin and easy to use, but in WordPress 3+ admin, all the operations becomes slow. Deactivating this plugin all back to normality. In IE9 a message appear saying that a script is causing the waiting.
Hi Ben, I can’t figure out how to configure the plugin. I followed the directions, uploaded the plug-in, chose my fonts, saved them, and just don’t know where to put the fonts.. in the style.css
Hi Christina, I will give an example, I think it’s the best way to explain this. Let’s say you want all the h2 tags on your site to have the “Allan” font. You go in the “font” page in the WordPress backend, tick the checkbox next to the “Allan” font and press save. I think you’ve been this far. Next you have to modify your css file and tell it to use “Allan” for the h2 tags. Go in the “Editor” page under “Appearence” and add something like this at the end of the file:
h2 { font-family: "Allan"; }
Then save the modification. This should do it in most case. Hope this helps.