@font-face

Posted on 3 mars 2011

0


@font-face ? This is that :

@font-face is a css rule which allows you to download a particular font from your server to render a webpage if the user hasn’t got that font installed. This means that web designers will no longer have to adhere to a particular set of « web safe » fonts that the user has pre-installed on their computer.

The @Font-Face Rule and Useful Web Font Tricks is a long simply excellent article by Ralf Herrman (OpenType.info being his blog) by the Smashing Magazin :

The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to know in this article.

(…)

The CSS3 property @font-face presents so many new possibilities that a veritable gold-digging mentality is taking hold of Web designers. There’s hope that regular system fonts will soon be abolished by Web font embedding, which enables us to choose practically any typeface and font style they want — just like in print design.

With regard to typography, the Web is way behind print. Take headlines: in print, condensed typefaces come in handy because they allow more words to fit on one line. System font collections, however, usually have no condensed fonts. Also, companies cannot use their proprietary fonts on their own websites. Instead, they have to replace them with standard fonts, such as Arial, which makes establishing a consistent corporate identity across all media impossible.

CSS ? According to Wikipedia, with almost as many hypertext links as words :

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. (…)

& :
Fonts.com Web Fonts (Monotype), adding-up classics like Frutiger, Universe and so many more | FontDeck | WebFont.com.
– An open source web font directory (Google), seemingly in cooperation with TypeKit.
– Older post called Webbed fonts (@webOL).

Tagué:
Posted in: Editio, TypoGrapho