Insights
Crea tu propia fuente web con Font Squirrel
Jorge Olaya
1 min read.
En un website es muy importante un buen diseño, un buen manejo del color, de las imágenes, pero nada de esto sería posible si no tuviéramos como complemento una buena tipografía o fuente tipográfica...
Pensemos por un momento que sería de la mejores marcas si estas tuvieran una mala fuente... demos un vistazo...
Se imaginan cómo sería esto...
¿ Nada atractivo verdad... ?
Por eso hay una herramienta gratuita y muy fácil de usar... se llama
Font Squirrel... con esta página podremos crear fuentes tipográficas teniendo en cuenta las respectivas especificaciones... Descargamos el juego de fuentes, los guardamos en la carpeta correspondiente, se cargan en el html y se incluyen en el css...
@font-face {
font-family: 'FontName';
src: url('fonts/FontName.eot');
src: url('fonts/FontName.eot?#iefix') format('embedded-opentype'),
url('fonts/FontName-webfont.woff') format('woff'),
url('fonts/FontName-webfont.ttf') format('truetype'),
url('fonts/FontName-webfont.svg#FontName') format('svg');
font-weight: normal;
font-style: normal;
}
y para usarlo en un regla css lo llamamos así
src: url('http://yoursitename.com/fonts/FontName.eot');
Es una herramienta muy fácil de usar...