public marks

PUBLIC MARKS with tags css & @font-face


CSS - @font-face - Using @font-face - CSS-Tricks

by decembre
The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.


CSS - ICONS - @font-face, Accélérez vos polices d'icônes ! - Alsacreations

by decembre
Aller un peu plus loin Oui mais voila, il reste encore trop de fichiers à charger. C'est là qu'intervient le schéma Data-URI, que l'on utilisait pour les icônes images afin de supprimer une requête en intégrant directement l'image dans le fichier CSS. L'idée est la même, intégrer directement la police de caractères dans le fichier CSS. Une option disponible dans les préférences d'Icomoon : "Encode et Embed Font in CSS". On se retrouve avec un fichier CSS contenant les définitions suivantes, où les versions TTF et WOFF de la police sont directement dans le fichier CSS, la version EOT restant externe.


Font Awesome

by dzc & 6 others
the iconic font designed for use with Twitter Bootstrap


Modern Pictograms - The Design Office

by Spone & 1 other
Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

A better way to use icon fonts — yatil. Eric Eggert about web development & design.

by Spone
There are some browser and screen reader combinations that treat CSS not only as a presentational thing, but apply meaning according to the used properties. For example some won’t read a list if you use list-style: none; in your CSS. This assumes that the meaning of your HTML is overwritten by the visual style: If it doesn’t look like a dumb bullet list, it must be no list at all. I’m not sure I conclude with that assumption, but that isn’t the main point of the article here.


Fighting the @font-face FOUT « Paul Irish

by Spone & 4 others
FOUT is what I'm calling the flash of unstyled text that you get while using @font-face in Firefox and Opera.

CSS3 Transforms & @font-face Experiment

by marco & 1 other
"If you showed me that 10 years ago, my head would have exploded!"


@font-face: The Potential of Web Typography

by ghis & 1 other
How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

The League of Moveable Type

by Spone & 16 others
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.

PUBLIC TAGS related to tag css

design +   directories +   dreamweaver +   hack +   html +   inspiration +   javascript +   photoshop +   php +   psp +   ruby +   web +   xhtml +  

Active users

last mark : 09/06/2017 09:54

last mark : 13/05/2013 20:06

last mark : 09/10/2012 21:34

last mark : 30/12/2010 12:41

last mark : 23/06/2010 16:11

last mark : 04/06/2010 12:51

last mark : 03/05/2010 14:35

last mark : 01/04/2010 09:14

last mark : 03/02/2010 14:33

last mark : 08/12/2009 21:29