PUBLIC MARKS with tag @font-face

Fico is a font with 52* simple, commonly used icons and glyphs, served on the web via @font-face.

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.

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.

A showcase of the best typefaces from the Google web fonts directory.

A showcase of the best typefaces from the Google web fonts directory. There are currently 404 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

Fico is a font with 52* simple, commonly used icons and glyphs, served on the web via @font-face. scalable perfect for responsive designs with media queries

Fico is a font with 52* simple, commonly used icons and glyphs, served on the web via @font-face.19€

Web Symbols is a set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure).

Avec l’avènement de CCS3, les Webdesigner peuvent aujourd’hui intégrer directement et très facilement une typographie personnalisée via @font-face. Le principe est très simple : la page web ne compte plus sur les polices de caractères présentent sur l’ordinateur de l’internaute, mais télécharge un ou plusieurs fichiers de fonts qu’elle affichera.

Fonts for web use via the CSS @font-face property.

Pictos by Drew Wilson is one of my favorite sets of icons that have made their way into virtually every design project over the last several months—including the Inspire Well theme. Converting the icon set into a font file seems like a genius move that lets you embed the icons as @font-face type. This allows the designer to have far more control over size, color and appearance of the icons with CSS text styling. The only downside I can think of would be random letters used for the icon font throughout your HTML.