Desarrollo Web en Valencia

Tus fuentes en web, visualizarlas correctamente

webfont

A la hora de hacer una web; hay métodos para utilizar una tipografía específica en dicha web. Algo impensable en el comienzo de las creaciones de webs (solo se podía usar tipografías que venían de serie en los ordenadores: Arial, Verdana, Trebuchet; Times New Roman, …).

Había varios métodos para usar la tipografía deseada en tu web personalizada:
- ponerla como imágenes (aumentaba el peso considerablemente y dificultaba considerablemente la creación de la web)
- hacer la web en flash, en donde se incrustaba la tipografía

Hoy en día se usa mediante código en tu css. Puedes usar la tipografía que quieras. Eso si, necesitas disponer la tipografía y mediante el Generador tipografías generar las variantes de formato de la tipografía que necesites:
- eot
- woff
- ttf
- svg

Código para el css:
// llamada a la tipografía
@font-face{
font-family: ‘MyWebFont’;
src: url(‘WebFont.eot’);
src: url(‘WebFont.eot?#iefix’) format(‘embedded-opentype’),
url(‘WebFont.woff’) format(‘woff’),
url(‘WebFont.ttf’) format(‘truetype’),
url(‘WebFont.svg#webfont’) format(‘svg’);
}

// tipografía usada en un elemento del css
p { font-family: ‘MyWebFont’, Arial, sans-serif; }

Visita el Generador tipografías

Mas info: Webfonts

Tags: ,

Artículos relacionados

Comments are currently closed.

Top