Search: @font-face
*HTML/CSS HTML5 Boilerplate - A rock-solid default for HTML5 awesome
Submitted by matt 27 days ago (more from html5boilerplate.com)After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you up with caching rules and preps your site to serve HTML5 video, use @font-face, and gzip.
*HTML/CSS Intro to the Google WebFont Loader and how to avoid @font-face text flickering
Submitted by matt 40 days ago (more from position-absolute.com)@font-face suffers of the same illness that its predecessors, until the font file is loaded it will display your text with the fallback font family. I will be showing how you can use the google font loader to avoid text flickering and have a good fallback font in case the font file is not loading. You get the best of all world, but it comes with a price of a light javascript hack.
*HTML/CSS Font Preview - Google Font Directory
Submitted by matt 48 days ago (more from code.google.com)A nice, live editing preview tool for the Google Fonts API, which is basically a shortcut to manually using the CSS3 @font-face property. The difference is, Google will do all the hard work in getting the font to work in non-CSS3 browsers such as Internet Explorer.
*HTML/CSS Easy Custom Web Typography with Google Fonts API
Submitted by matt 63 days ago (more from line25.com)The world of web typography is advancing with leaps and bounds. Already we have the options of SiFR, Cufon, Typekit, @font-face and now, Google has introduced their own custom font service under the Google Font API. Let’s take a look at what the Google Font API is and how you can use it in your own web designs.
*HTML/CSS The Essential Guide to @font-face
Submitted by matt 91 days ago (more from sixrevisions.com)Technologies like Cufon, sIFR, FLIR and @font-face all represent different groups of developers placing bets on what they believe to be the future of web typography. the @font-face CSS method is among the strongest, simplest and most flexible competitors in this game. This guide will teach you how to implement @font-face with cross-browser compatibility
*HTML/CSS @font-face Browser Support & Tutorial
Submitted by matt 222 days ago (more from evotech.net)With @font-face, we can worry less about what font our users have installed, and make our sites better match the intentions of our designers. @font-face enables you to provide your own font(s), @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers.
*HTML/CSS @font-face and performance
Submitted by matt 329 days ago (more from stevesouders.com)I had been wondering for a few months about how font files impact web performance. I started doing some research to answer these questions, but during that time there have been a number of great posts about @font-face performance issues. This summarizes those posts plus adds some very important discoveries of my own.
*HTML/CSS @font-face in Depth
Submitted by matt 336 days ago (more from useragentman.com)A detailed in-depth post on @font-face covering using fonts via CSS and detail on how fonts are rendered in various browsers. In an nutshell: Fonts displayed on Safari for Windows (and all browsers on the Mac) look the nicest. IE does a poor job when displaying fonts converted from OpenType. Firefox users first see the page without the embedded font until the font is loaded completely.
*HTML/CSS Bulletproof @font-face syntax
Submitted by matt 1 year and 2 days ago (more from paulirish.com)Let me introduce you to the best way to do your @font-face definitions. I'll circle back to why this is the best possible solution but let's first review the other techniques' weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. Okay, let's see what we got here.
*HTML/CSS CSS3 @font-face is not as ready as you would think
Submitted by matt 1 year and 47 days ago (more from position-absolute.com)@font-face is one of the new CSS3 feature that has been implemented in every major browser beside IE, this is also the kind of stuff that can degrade really well in non compliant browsers. I tested a load of fonts with @font-face in this website. Unfortunately it has not turned out as well as I would have liked to. The biggest problem I have right now is how the font is being rendered.