background preloader

@Fontface

Facebook Twitter

Fonts. Fonts Croissant One. Grumpy wizards make toxic brew for the evil Queen and Jack. Normal 400 Grumpy wizards make toxic brew for the evil Queen One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. a a b b c c d d e e f f g g h h i i j j k k l l m m n n o o p p q q r r s s t t u u v v w w x x y y z z ª ª µ µ º º ß ß à à á á â â ã ã ä ä å å æ æ ç ç è è é é ê ê ë ë ì ì í í î î ï ï ð ð ñ ñ ò ò ó ó ô ô õ õ ö ö ø ø ù ù ú ú û û ü ü ý ý þ þ ÿ ÿ ā ā ă ă ą ą ć ć ĉ ĉ ċ ċ č č ď ď đ đ ē ē ĕ ĕ ė ė ę ę ě ě ĝ ĝ ğ ğ ġ ġ ģ ģ ĥ ĥ ħ ħ ĩ ĩ ī ī ĭ ĭ į į ı ı ij ij ĵ ĵ ķ ķ ĸ ĸ ĺ ĺ ļ ļ ľ ľ ŀ ŀ ł ł ń ń ņ ņ ň ň ʼn ʼn ŋ ŋ ō ō ŏ ŏ ő ő œ œ ŕ ŕ ŗ ŗ ř ř ś ś ŝ ŝ ş ş š š ţ ţ ť ť ŧ ŧ ũ ũ ū ū ŭ ŭ ů ů ű ű ų ų ŵ ŵ ŷ ŷ ź ź ż ż ž ž ſ X ƀ X ƃ X ƅ X ƈ X ƌ X ƍ X ƒ ƒ ƕ X ƙ X ƚ X ƛ X.

Muestra de fuentes Web. 25 Outstanding Google Fonts for Web Design. In recent years we’ve seen a number of developments and advancements, such as responsive design, that have had a major impact on the web design industry. One of the most significant advancements has been improved options for using a greater variety of fonts in your web design projects. Google Web Fonts is one of the leading options, although there are others like Adone’s Typekit. Google Web Fonts is free, easy to implement, and their are an increasing number of font families available.

With currently more than 600 font families to choose from, finding the fight font available from Google Web Fonts can be a challenge. In this post we’re showcasing 25 that are worth a look. Browse through the fonts here and you’ll probably find at least one that could be a good fit for that project that you are currently working on. Once you’ve found a font, or a few fonts, that you want to use, using it on your website is pretty simple. Then style an element with the web font from within you CSS file. →Convertir un formato de fuente gratuitamente ttf otf fon pfb dfont afm.

The New Bulletproof @Font-Face Syntax. February 3, 2011 Updated: April 21, 2011 10:49 AM EST Since the beginning of the 'webfont revolution' we've relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that's clear and compatible with future browsers? Short history In September 2009, Paul Irish came up with the Bulletproof syntax for writing the @font-face declaration. The “Fontspring @Font-Face Syntax” The code should have been clean, clear and simple all along.

What? The hack trick that makes this work is the '? ' How it works Internet Explorer <9 has a bug in the parser for the src attribute. Browser compatibility Safari 5.03, IE 6-9, Firefox 3.6-4, Chrome 8, iOS 3.2-4.2, Android 2.2-2.3, Opera 11 What about data uri fonts? You can use this syntax as well to embed your fonts into a stylesheet. Albert Ward offered to translate this post to Bulgarian Update 1 - Feb 3, 2011 The CSSNinja made a great observation about how to get IE9 to take a WOFF instead of the EOT. Down for maintenance. Typeface.js -- Rendering text with Javascript, <canvas>, and VML. Free online font converter. Sintaxis de @font-face. Font-face en CSS | Círculo de Maquetadores. Todos sabemos que la propiedad de CSS font-face funciona en los navegadores como Firefox y Opera entre otros.

Pero nunca conseguíamos adaptarlo correctamente para Internet Explorer . Explicamos brevemente como conseguir que funcione sin problemas. Antes de nada, debemos convertir la fuente al formato embebido eot . Este formato es el que usaremos para Internet Explorer , para el resto de navegadores se deja el formato estandar ttf . Ya obtenidos ambos formatos de la fuente que queremos aplicar en nuestra Web, pasamos a la hoja de estilos . Tenemos que introducir las siguientes líneas de CSS , donde se define el nombre de la fuente y la ruta donde se encuentra dicha fuente. Navegadores Comunes (Firefox, Opera, Safari, Chrome) Internet Explorer Una vez que se haya escrito estas líneas en la hoja de estilos de nuestra Web, ya podemos usar dicha fuente en cualquier elemento HTML, por ejemplo: Para convertir las fuentes a los diferentes formatos, podéis usar la aplicación Microsoft WEFT . Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg.