Problema con tipo de letra HTML

[gonzovazquez]

Buenas a todos!

Os pongo en situación: Tengo una web en la que uso un tipo de letra "Valken", que es muy poco común, asi que la mayoria de los ordenadores no la tienen registrada en el sistema. Entonces, cuando alguien entra en mi web con un ordenador que no tiene este tipo de letra registrada le sale con el tipo "Arial", por lo que la web se queda muy sosa....

¿Hay alguna forma con métodos HTML o PHP o algo, para evitar esto sin tener que cambiar el tipo de letra?

Muchas gracias de antemano!

[emprear]

si, css fontface
http://www.fontsquirrel.com/
ahi podés subir tu propia fuente y generar el código, o descargarte un kit prefabricado para ver como funciona y luego adaptarlo
Saludos

[gonzovazquez]

Iniciado por emprear

si, css fontface
[url]http://www.fontsquirrel.com/[/url]
ahi podés subir tu propia fuente y generar el código, o descargarte un kit prefabricado para ver como funciona y luego adaptarlo
Saludos

Le echaré un vistazo y te comento que tal!
Muchisimas gracias!!
un saludo

[gonzovazquez]

Emprear, sabes si hay algun sitio en español que te explique como funciona? Es que no tengo muy claro como tengo que utilizar el CSS que trae el archivo.... Solo lo tengo que copiar en el CSS de mi pagina web?

Gracias de nuevo!

[emprear]

bajate un kit prefabricado de cualquier fuente, el zip que descargas ya viene con un archivo de prueba funcionando, y vienen separadas las fuentes, el html y el css, con revisar el código fuente es facil deducir el funcionamiento. Eso si cuando bajes el kit te recomiendo que lo hagas de una fuente bastante rara que no tengas en tu PC, asi te aseguras de verlo funcionando

Saludos

[DrFaust]

Implementar una fuente tipográfica personalizada es bastante fácil. Te hago un tutorial relámpago. Asumamos que la fuente está en font/valken.ttf:

1- Agregá esto en tu hoja de estilo:

Código CSS:

@font-face {
    font-family:'valken';
    src:url(font/valken.ttf);
}
 

2- ¡Ya está! ... O así sería si todo el mundo usara navegadores de verdad. Para Internet Explorer tenés que convertir tu fuente tipográfica a EOT y guardarla junto con la versión TTF:

http://www.kirsle.net/wizards/ttf2eot.cgi

3- Agregá esto a tu código HTML:

Código HTML:

<!--[if IE]>
<style type="text/css" media="screen">
    @font-face{
        font-family:'valken';
        src:url(font/valken.eot);
    }
</style>
<![endif]-->
 

4- ¡Ya está!

Si no tenés la fuente tipográfica en formato TTF, primero tenés que convertirla. En Internet hay conversores online.