Posts Tagged ‘Fonts’

Bulletproof Accessible Icon Fonts

CSS | Posted by Keefr February 4th, 2014

Nice in-depth article on how to utilize icon fonts successfully and accessibly.

Bulletproof Accessible Icon Fonts

Why We Still Need Web-safe Fonts

CSS, Web Design, Web Development | Posted by Keefr January 3rd, 2014

fontGreat reasons why web safe fonts and stacked font listings in your CSS continue to be needed — including the last one being a generic font family.

I never thought about how a given font might not have a rendering of every possible character and the stacked font listings could help render those other characters successfully.

Why We Still Need Web-safe Fonts

Font Awesome: Icon Font

Web Design, Web Development | Posted by Keefr October 2nd, 2013

A recent project I’ve been working on already had used this little icon font called “Font Awesome,” which as it turns out was created for Bootstrap implementations. It’s comprised of 361 icons. The big advantage is that it can be customized (size, color, drop shadows, etc.) via CSS and should look good on any size screens.

Since it’s used on a lot of Bootstrap-built sites, if you’re linking to a CDN, odds are your users already have it cached as well, for a nice page speed bump as well.

Font Awesome: Icon Font

I’ve been referencing this Cheat Sheet quite awhile.

Public Service Announcement: Watch Your @font-face Font-Weight

CSS | Posted by Keefr January 8th, 2012

This time of year, everyone is worried about losing weight, so it seems only fitting that css-tricks.com came out with a nice little public service announcement about using those @font-face declarations and not adding a weight value. Read the article below for the PSA details.

Public Service Announcement: Watch Your @font-face Font-Weight

Using jQuery to Test New Website Fonts

JavaScript, Web Design | Posted by Keefr November 17th, 2011

Here’s a neat little quick tip. With this little JavaScript snippet, you can preview different fonts on any web site. I can see this being quite useful, especially in visualizing redesigns and in client meetings.

Using jQuery to Test New Website Fonts