PUBLIC MARKS with tags typographie & css

Widow, orphan word, orphelin, retour chariot

CSS-Typoset Matrix and code generator - http://bit.ly/oUORR - generates font-size and line-height in px and em.

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

exemple propriété CSS @font-face + 15 Free Fonts

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

PHP Typog­ra­phy is a PHP based solu­tion to greatly improve web typog­ra­phy. It fea­tures the fol­low­ing capa­bil­i­ties (includ­ing gran­u­lar con­trol): * Hyphen­ation * Spac­ing con­trol, includ­ing: glu­ing val­ues to units, widow pro­tec­tion, and forced inter­nal wrap­ping of long URLs & email addresses. * Intel­li­gent char­ac­ter replace­ment, includ­ing smart han­dling of: quote marks, dashes, ellipses, trade­marks, mul­ti­pli­ca­tion sym­bols, frac­tions, and ordi­nal suf­fixes (i.e. 1st, 2nd, 3rd) * CSS hooks for styling: amper­sands (class “amp”), acronyms (class “caps”), num­bers (class “num­bers”), ini­tial sin­gle quotes (class “quo”), and ini­tial dou­ble quotes & guillemets (class “dquo”).

We're done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won't have it. It's time to raise our standards. Here, you'll find only the most well-made, free & open-source, @font-face ready fonts.

The website dedicated to webfonts & @font-face embedding

Bonnes pratiques typographiques sur le web.

Here you can find the list with the standard set of fonts common to all versions of Windows and their Mac substitutes, referred sometimes as "browser safe fonts". This is the reference I use when making web pages and I expect you will find it useful too.

Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite

typography & css

Web Safe Typography on Screen for Pixel Perfectionists