Insights

Crea tu propia fuente web con Font Squirrel

Photo of the author: Jorge Olaya

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...

Subscribe to our monthly newsletter

Learn more

Evaluador de expresiones matemáticas en python

En ésta entrada vamos a ver cómo analizar y ejecutar expresiones matemáticas en python.

Author Vera Mazhuga Vera Mazhuga

Beneficios en AxiaCore

Las empresas hoy en día exigen cada vez más de sus empleados. Esto implica en gran medida que los funcionarios dediquen gran ...

Photo of the author: Carolina Muñoz Carolina Muñoz

Own your tech to own your destiny