[SOLUCIONADO] Declarando nueva fuente.

[maiksix]

Hola a todos,

tengo una duda muy rápida, estoy declarando una nueva fuente en css y no me aplica esa fuente correctamente.

A ver si alguien sabe el porque, me he estado guiando por google y no veo donde puede estar el error.

Código:

@font-face {
font-family: "Intellivised";
font-style: normal;
font-weight: normal;
src: local("?"), url("/fonts/SFIntellivisedExtended.eot") format("eot"), url("/fonts/SFIntellivisedExtended.ttf") format("truetype");
}

Y aquí es donde la quiero usar:

Código:

.barra{
   font-family: "Intellivised";
   font-size:18px;
	margin-top:5px;
}

El style.css está con las demás páginas dentro de una carpeta llamada pruebas, y la carpeta fonts está dentro de esta carpeta pruebas también.

Los ficheros se llaman exactamente:
SFIntellivisedExtended.eot
SFIntellivisedExtended.ttf


Así que creo que está todo ok, pero sin embargo no la actualiza...

Alguna sugerencia?

Gracias y un saludo!!

[AngelKrak]

bueno amig@ como yo nunca he usado fuentes asi, siempre las usaba especificando la direccion como si estuvieran subidas a una web jajaja xD

prueba con este:

Código CSS:

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
 

o este que es como yo lo tengo >_< (menos complicado a mi parecer)

Código CSS:

@font-face{
   font-family: "docktrin";
   font-style: normal;
   font-weight: normal;
   src: url(http://angelkrak.blockpost.skn1.com/archivos/docktrin.ttf);
}
 

[maiksix]

Cierto!!
El segundo mucho más fácil, al final es el que he usado!!

Gracias. Un saludo!!!

[pzin]

Deberías incluir los formatos WOFF y WOFF2, ya que son especialmente creados para la web y tienen una compresión mayor. De hecho TTF es la peor opción de todas.

[fede5426]

No funciona porque justamente te faltan archivos que agregar.. como dijo pzin, woff por ejemplo.

Así lo uso yo:

Código CSS:

@font-face {
  font-family: "NombreDeTuFuente";
  src: local("../fonts/NombreDeTuFuente.otf"),
  url("../fonts/NombreDeTuFuente.eot") format("eot"),
  url("../fonts/NombreDeTuFuente.woff") format("woff"),
  url("../fonts/NombreDeTuFuente.ttf") format("truetype"),
  url("../fonts/NombreDeTuFuente.otf") format("opentype"),
  url("../fonts/NombreDeTuFuente.svg#NombreDeTuFuente") format("svg"),
}
 

Cuando no cuentes con todos los archivos necesarios, podes recurrir al generador de fuentes de FontSquirrel, que subiendo una fuente en cualquiera de estos formatos te arma un archivo zip con los que te falten (si subis un otf, en el zip te incluye ttf, woff, woff2, eot y svg). A mi me fue de gran ayuda.

[NueveReinas]

Cargar todos esos archivos de fuentes, ¿no supone gastar más ancho de banda y/o una carga más lenta?