Pages tagged font_face:

Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof

Combining Cufón and @font-face
@font-face: The Potential of Web Typography
How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.
Como el SifR pero sin él... con Firefox 3.5
@font-face: The Potential of Web Typography
Firefox 3.5 is out. And the more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.
beautiful fonts with @font-face at
Bringing Web Fonts Closer | Kernest
20 beautiful free @font-face fonts -
Bulletproof @font-face syntax « Paul Irish
Minimising the CSS required for cross browser @font-face.
With all these CSS3 enhancements going on it's not hard to get confused. We're still trying to fond the best way of doing things. This is apparently the most bulletproof way of including the @font-face rule for IE and modern browsers.
@font-face in Depth
Embedding fonts into your website
Screencast: Converting OTF or TTF to EOT -
Snook’s screencast brings EOT to the masses - solution to tackle the conversion process for IE
Getting around the mess that is converting TTF to EOT (is this yet another reason to hate IE?)
Becoming a Font Embedding Master -
Great example of using @font-face.
Nice techniques for embedding user fonts on webpages. Breaks out of the limited font constraints.
Font embedding in all modern browsers using @font-face
High Performance Web Sites :: @font-face and 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: * Paul Irish: Fighting the @font-face FOUT * Stoyan Stefanov: Gzip your @font-face files * Zoltan Hawryluk (again): More @font-face fun This blog post summarizes Paul, Stoyan, and Zoltan’s findings plus some very important discoveries of my own.
Lazy load to the resuce then…
Last week I was reading Ajaxian (my favorite blog) and saw the post about @font-face. I had been wondering for a few months about how font files impact web performance, so I followed the story back to Zoltan Hawryluk’s original post: @font-face in Depth. A great read on the aesthetics, mechanics, and compatibility issues of fonts, but not much about performance. I added a comment:
Font Squirrel | Create Your Own @font-face Kits
A very nice way to generate font files for use on the web, if they are legally licensed for that use.
A handy tool by Font Squirrel to create @font-face kits
In the Woods – How to Achieve Cross-Browser @font-face Support
How to Achieve Cross-Browser @font-face Support
At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers.
In the Woods – How to Achieve Cross-Browser @font-face Support
after Firefox 3.6 – new font control features for designers at
Endlich wird es einfacher, Fonts mit allen Extras (Ligaturen etc) im Browser zu verwenden. Ich hoffe, das Feature kommt bald! -- Was heute Möglich ist habe ich kürzlich gebookmarkt.
bookmarked by
The Font-as-Service | i love typography, the typography and fonts blog
By Elliot Jay Stocks When Johno first asked me to write about Typekit, I jumped at the chance. I’d received a beta invite to try out the service about a week before, but deadlines had got in the way of actually getting round to it. Now I had the
i love typography, the typography and fonts blog
Typekit » Web design focused articles and resources » Blog Archive » Smoother @font-face embedding in IE 7 & 8
A look at disabling ClearType to improve font embedding but possibly with mixed results. Interesting discussion in the comments.
Better, smoother embedded fonts in IE7 and IE8 #css
Smoother @font-face embedding in IE 7 & 8
» @font-face Browser Support & Tutorial :: CSS, JavaScript and XHTML Explained
Goede uitleg van @font-face en met overzicht van browsersupport
Fontspring | Desktop and @font-face fonts
How to reference fonts on the server
Some tips for implementing @font-face with your CSSes
Introducing the Web Safe Font Cheat Sheet | Devon Web Design and Development - MightyMeta
In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!
Spice Up Your Web Typography with @Font-Face
The @font-face is commonly referred to as a new CSS3 feature, but has actually been around for some years. The only problem was there weren’t any browsers to support it (apart from IE’s obscure EOT methods), so it sat collecting dust at the back of the CSS2 specification. Recently however, browsers have started implementing support for the @font-face rule. First came Safari (3.1), then Firefox (3.5), Opera (10) and Chrome (4.0). So now, any @font-face implementation will be available for a large chunk of your visitors. What’s more, if you insist on IE support you can even get everything working with a quick fumble around with Microsoft’s WEFT tool.
14 tutoriais CSS3 para facilitar nossa vida
The Essential Guide to @font-face
Typekit and Google Announce Open Source Collaboration « The Typekit Blog
More: and "I'm surprised that most of the stuff in the current Google font directory made the cut":
Better to work with, than against, a giant.
Typekit announces that it has teamed up with Google to build the Web Font Loader API, which more smoothly enables web designers to load custom fonts into their pages. Additionally, Typekit has added Goolgle’s new collection of free web fonts to it's own offering.
25 Completely Free Fonts Perfect for @fontface - Speckyboy Design Magazine
free fonts are awesome (links to more free fonts @ the bottom)
In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license.
25 Completely Free Fonts Perfect for @fontface - Speckyboy Design Magazine -
St Marie on the Behance Network
St Marie Thin is a preview for the upcoming release of a new typefamily, but this time i want to go further with that freefont-thing. There will be one normal Open-Type-Font and an optimzed Webfont, so you can design online and offline with a hiqh quality freefont from Stereotypes.