duda archivos .tff

[victorsanchez_906]

que tal compañero tengo una duda, el diseñador me mando unas fuentes en archivos ttf, jamas he usado esa forma en las fuentes alguien sabe como implementarlas en las hojas de estilo de la pagina?

[ZoroRoronoa]

@font-face {
font-family: 'NombreQueQuieras';
src: url('ruta/font.ttf) format('truetype');
}

[ArturoGallegos]

Iniciado por ZoroRoronoa

@font-face {
font-family: 'NombreQueQuieras';
src: url('ruta/font.ttf) format('truetype');
}

recordemos que esto es parte del css y así como lo has colocado no tiene compatibilidad con muchos navegadores.

si se necesita utilizar una fuente que no esta dentro de los estanderes lo ideal es crear los archivos woff y svg

y dentro del css se coloca algo asi

Código CSS:

@font-face {font-family:'TangerineRegular';
src:url('Tangerine_Regular-webfont.eot');
src:local('?'),url('Tangerine_Regular-webfont.woff')format('woff'),url('Tangerine_Regular-webfont.ttf')format('truetype'),url('Tangerine_Regular-webfont.svg#webfontGpn5Zlw8')format('svg');font-weight: normal;font-style: normal;}
 

de esta forma garantizas que se visualice al menos en los navegadores mas comunes si es que no en todos

[ZoroRoronoa]

Iniciado por Ag666

recordemos que esto es parte del css y así como lo has colocado no tiene compatibilidad con muchos navegadores.

si se necesita utilizar una fuente que no esta dentro de los estanderes lo ideal es crear los archivos woff y svg

Buenas amigo Ag666, losé, pero hay que leer un poco mejor.
Yo se que tu ayuda es muy importante, es un buen punto para el usuario que abrio este tema y asi pueda aprender un poco mas sobre las fuentes externas y la compatabilidad.

Pero mi respuesta surgio debido a que el solo cuenta con fuentes .ttf

(Entonces hay que explicarle la fuente de conversion a otros formatos) - Los cuales los puedes encontrar Online buscando por Google

[ArturoGallegos]

Iniciado por ZoroRoronoa

(Entonces hay que explicarle la fuente de conversion a otros formatos) - Los cuales los puedes encontrar Online buscando por Google

tienes razon, hay que decirle como conseguirlos...


compañero @victorsanchez_906

si no sabe como crear los archivos woff y svg puede ir a Font Squirrel donde puede generar automáticamente estos archivos para descargarlos, al igual se le proporciona un código muestra... aunque me parece que esta fallando lo del código muestra por lo que le recomiendo lo coteje con el código antes proporcionado y haga las correcciones necesarias.