Typographie
Get flash to fully experience Pearltrees
pointypo– - L’actualité typographique en français.
Dans l’histoire de l’art et dans l’histoire des cultures, l’ornement est au carrefour de questions esthétiques et anthropologiques, propres à chaque grand mouvement de civilisation. Que ce soit à travers ses règles formelles d’apparition, ou comme art d’habillage et d’apparence, ou bien encore comme témoin d’une vitalité créative, l’ornement est un phénomène transversal et irréductible dans les arts visuels.
I'm really sorry; I've put a lot of effort into making this game run on as many platforms as possible. Unfortunately, I am unable to cover all scenarios. The game works on Google Chrome , Firefox , Safari , Opera and Internet Explorer 9 . If you try one of those and still have problems, let me know.
Kern Type, the kerning game
Shape Type, the letter shaping game
I'm really sorry; I've put a lot of effort into making this game run on as many platforms as possible. Unfortunately, I am unable to cover all scenarios. The game works on Google Chrome , Firefox , Safari , Opera and Internet Explorer 9 . If you try one of those and still have problems, let me know.
Font Tester - CSS Font Comparison Tool
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam lectus justo, porttitor ac, ullamcorper ac, cursus in, ante. Duis mi ante, sodales in, auctor vel, vehicula eget, sapien.
The Elements of Typographic Style Applied to the Web – a practical guide to web typography
#cover { color: #fff; background: #400300 url(/i/bg-home.gif) repeat-x top; padding: 4.5076% 7.2924%; } #cover H1 { font-size: 2.0625em; line-height: 1.666666666666667em; margin:0; } h1#big-title span { position:static; display:inline; } h1#big-title span#ts { font-style:normal; position:relative; left:-1.05em; } #entrance { position: absolute; right: 4.5076%; bottom: 11.8%; font-size:1em; line-height1.375em; } #cover H2 { font-size: 1.5em; line-height: 1.083333333333333em; margin:0; } #entrance a { color: #fff; text-decoration:underline; } html>body #entrance a { text-decoration:none; border-bottom: 1px solid #333; } html>body #entrance a:hover { border-bottom: 1px solid #fff; } #entrance UL { list-style:none; padding-left: 0; } LI SPAN { position:absolute; }
To give developers a choice of high-quality fonts when using the Web Fonts API, we have created Google Web Fonts . There you can browse our catalog of available fonts, learn about the font designers who created them, and copy the code required to use them on your web page.
Font API - Google Code
What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px
PXtoEM.com: PX to EM conversion made simple.
WhatTheFont! « MyFonts
Seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest matches in our database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont ForumThinking with Type | Home
“Type is the foundation of print and web design. Everything you need to know about thinking with type, you will find here. This richly detailed update to the classic text belongs on the shelf of every designer, writer, editor, publisher, and client. ”
Due to variety of extensions for Firefox available, some extensions could break some Typetester’s functions. Please do report troubles . If possible, provide a list of installed extensions. * Even though the application should work on any system which allows installation of the listed browsers, it's advisable not to run it on a system with processor 1Ghz or lower. ** Some advanced functionality (like color-picker or client system font-list) might be missing in some browsers.