La Typo - Tutos et Référence

TwitterFacebook
Get flash to fully experience Pearltrees

6 Ways To Improve Your Web Typography

Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we’re going to review six ways that web designers and developers can improve the typography of the sites they create. Introduction Typography is the art of designing letters, words, paragraphs, and how they interact with each other. http://net.tutsplus.com/tutorials/html-css-techniques/six-ways-to-improve-your-web-typography/
http://v1.jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work

@font-face in IE: Making Web Fonts Work

A ll Hallows’ Eve seems the perfect time for something a little spooky. Getting @font-face working in IE may just be spooky enough. As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta .
Home / CSS3 Previews / Web fonts with @font-face Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. http://www.css3.info/preview/web-fonts-with-font-face/

Web fonts with @font-face

http://www.w3.org/TR/css3-webfonts/#font-descriptions Abstract This CSS3 module describes how font properties are specified and how font resources are loaded dynamically. The contents of this specification are a consolidation of content previously divided into CSS3 Fonts and CSS3 Web Fonts modules. Status of this document This section describes the status of this document at the time of its publication.

W3C - CSS Fonts Module L3

Let me introduce you to the best way to do your @font-face definitions: This is the Fontspring @font-face syntax. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

@font-face syntax « Paul Irish Bulletproof

Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page.

Comment utiliser une fonte «non-standard» sur un site Web ? - Alsacréations

http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html
We’ve all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn’t be limited to these old techniques when there’s a new age coming. This new age includes the use of CSS3.

11 Classic CSS Techniques Made Simple with CSS3

http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/
Due to the fact that @font-face can be a bit overly complicated, it hasn’t caught on quite as much as it should. Once you start reading about licensing, different font formats, browser consistencies, it can potentially become more trouble than it’s worth. But – in five minutes, I’ll try to simplify the process of working with custom fonts as much as I possibly can.

How to Work with @Font-face

http://net.tutsplus.com/tutorials/design-tutorials/quick-tip-how-to-work-with-font-face/
http://alistapart.com/article/cssatten CSS is ten years old this year.

=CSS @Ten: The Next Big Thing | A List Apart