2014
Readable, Fluid Type With Basic CSS Smarts | Design in the browser with web fonts and real content — Typecast
by sbrothier & 1 other
Today, designer Val Head builds a demo to show us how to create great looking typography for all screen sizes and resolutions without a dev’s expert assistance and without a lot of complex code.
2013
2012
Font Custom
by eledo34 & 1 other (via)
Font Custom est une application permettant de générer à l'aide d'une ligne de commande des fichiers webfont à partir de vos icones.
Font Custom est une application permettant de générer à l'aide d'une ligne de commande des fichiers webfont à partir de vos icones.
Intégrer des icônes directement dans des fichiers Webfont est plutôt tendance en ce moment, certains diront que la pratique n'est pas idéale (voir à proscrire), mais l'efficacité de la solution n'est plus à prouver.
Font Custom vous permettra de générer à partir d'une ligne de commande (sous Linux ou Mac OS) les fichiers Webfont à partir d'un répertoire d'icones.
Font Custom - Générez des webfont à partir de vos icones - La Ferme du web
by eledo34 (via)
Font Custom est une application permettant de générer à l'aide d'une ligne de commande des fichiers webfont à partir de vos icones.
Font Custom est une application permettant de générer à l'aide d'une ligne de commande des fichiers webfont à partir de vos icones.
Intégrer des icônes directement dans des fichiers Webfont est plutôt tendance en ce moment, certains diront que la pratique n'est pas idéale (voir à proscrire), mais l'efficacité de la solution n'est plus à prouver.
Font Custom vous permettra de générer à partir d'une ligne de commande (sous Linux ou Mac OS) les fichiers Webfont à partir d'un répertoire d'icones.
Modern Pictograms - The Design Office
by sbrothier & 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.
Home | Design in the browser with web fonts and real content — Typecast
by sbrothier & 1 other
The web’s most beautiful typefaces
Try typefaces from the web’s best known web font services.
Design with real content
Kiss goodbye to Lorum Ipsum. Get real web content in place, fast.
Create HTML & CSS in the browser
Quickly get to a working, standards-compliant prototype.
2011
Technical Web Typography: Guidelines and Techniques
by 84GHz & 2 others
Typografie im Webdesign einbinden
2010
25 Free Fonts Perfect for @fontface (Revived) | Speckyboy Design Magazine
by ghis
Fonts for web use via the CSS @font-face property.
FontFonter
by sbrothier & 3 others
Web FontFonts are high quality, screen-optimized fonts designed specifically for web use. Learn more »
FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.
Mo’ Bulletproofer @Font-Face CSS Syntax
by sbrothier & 1 other (via)
Now that web fonts are supported in Firefox 3.5 and 3.6, Internet Explorer, Safari, Opera 10.5, and Chrome, web authors face new questions: How do these implementations differ? What CSS techniques will accommodate all?
Firefox developer John Daggett recently posted a little roundup about these issues and the workarounds that are being explored.
Font Squirrel | Download Hundreds of Free @font-face Fonts
by Krome & 8 others
Download hundreds of prepackaged @font-face kits which
include four font formats, CSS and HTML code. See below for details.
Don't see what you need? Try our new @Font-Face Generator.
Upload your own fonts and get a kit back!
Curtis CSS Typeface · David DeSandro
by Krome & 1 other
CURTIS CSS TYPEFACE
Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning. You can get a better idea of how the letters were formed with the Inspect display option.
