Problema con tipo de letra HTML

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