Do You Currently Use Webfonts?

OhioTom76

New member
The ability to embed custom fonts into your web pages has been around for years now, though not widely supported and there were also issues with the licensing of the actual fonts themselves - not all fonts allowed you to share them over the web on pages publicly like that.

Google Web Fonts has now made it easy for you to add custom fonts to your pages with just a few lines of code. They take the guesswork out of it all by hand picking a selection of fonts that can be shared around the web for free. You can learn more about them here:

https://www.google.com/fonts

The one big issue with them right now however, is ironically there is a display problem with their fonts in Chrome on Windows machines. Basically they look all jagged and distorted at many font sizes. This is a known bug and has been around for over a year now, Google has yet to fix it still. There are some work arounds via CSS, such as adding a slight stroke or shadow to the text via Webkit markup, but they don't entirely solve the problem and can make the fonts look fuzzy in many instances.

Another option is to embed the font via the @font-face attribute. This does appear to solve some of the display issues in Chrome, but there is still some distortion at smaller font sizes. This is the technique used at another great web font site:

Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel

They even have a tool which will convert other fonts into WebFonts.
 
Yes, I use Google Fonts API all the time for common fonts they have in store. Also, I'd like to add that, in Bootstrap 3.0 RC, they've released glyphicons that also function like the IcoMoon ones you've posted.

Components · Bootstrap
 
Back
Top