Nice in-depth article on how to utilize icon fonts successfully and accessibly.
Posts Tagged ‘Fonts’
Great 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.
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.
I’ve been referencing this Cheat Sheet quite awhile.
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.