public marks

PUBLIC MARKS from srcmax with tag typographie

2014

2013

Creating Non-Rectangular Layouts with CSS Shapes

by 1 other
With the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web becomes a piece of cake!

slabText – a jQuery plugin for creating big, bold & responsive headlines

by 1 other
slabText – a jQuery plugin for producing big, bold & responsive headlines

2011

2010

-moz-font-feature-settings - MDC

The -moz-font-feature-settings CSS property allows control over advanced typographic features in OpenType fonts.

Giving Challenged @font-face Fonts The Italics Makeover

See the nice italicized text in the heading of this article? It is not so obvious to style as you may think. There are many great free and commercial fonts out there that allow @font-face embedding. Unfortunately, not all of them have an italics variant for one reason or another. For example, the font I use for my blogs headlines, Graublau Sans Web, does not have a true italics variant included with it, while the font I use for the blog’s copy, Droid Sans, does. When a font doesn’t have an italics variant, and you try to italicize it in a web-page using i and em tags, the results depend on the browser you are using:

* Safari, Chrome and Opera will render the font normally without italicizing it.

* Internet Explorer and Firefox will attempt to italicize the font, but Internet Explorer will slant the font at a 20° angle while Firefox implements a 10° slant.

Quick Tip: Tuning Condensed Fonts with WebFont Loader « The Typekit Blog

In general, type sizes run a little bigger with condensed fonts; they take up less horizontal space so we tend to set them at larger sizes than we would a more normal font. But since there isn’t a condensed font among system fonts, we don’t have a comparable fallback option for browsers that don’t support @font-face, leaving us with oversized system fonts.

2009

Typefaces we can all share : Open Font Library

by 12 others
Link in to Web Fonts! We host font files that you can directly link to from your sites.

jQuery sIFR Plugin

by 3 others, 1 comment
The jQuery sIFR Plugin is an addon for jQuery that makes it easy to replace text in a web page with flash text (sIFR).

2008

Ajaxian » Firefox 3.1 beta: Geolocation, @font-face, Video and Audio, XHR++, and TraceMonkey

1 comment
WebKit lead with their @font-face implementation, and getting browser #2 to support it is huge. Now you can load up a font using same-origin rules via simple CSS:

typeface.js -- Rendering text with Javascript, <canvas>, and VML

by 12 others
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site.

2006

XHTML Character Entity Reference

by 53 others
Correspondance nom / code / glyphe mode HTML

Typographie web : gérer la taille du texte avec les « em » - Alsacréations

by 10 others (via)

Pour améliorer sensiblement l'accessibilité d'un site web, il faut permettre le redimensionnement du texte, afin qu'il s'adapte aux résolutions et aux paramètres des utilisateurs. Pour cela, on utilisera les unités relatives, et en particulier l'unité em. Mais beaucoup de webmasters, peu familiers avec cette unité, répugnent à l'utiliser. Dommage...

Ce tutoriel présente l'unité em et la démarche à suivre pour l'utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site... et donc à en améliorer la qualité générale.