No puedo hacer que font-face funcione

no puedo conseguir font-face trabajando (Es por eso que suelo usar las fuentes de Google). Pero un cliente tiene su propia fuente que debo usar.

Estoy probando y comparando contra este sitio (Menú principal)

Aquí está mi violín

¿Por qué no puedo conseguir este trabajo? La fuente en el otro sitio web funciona bien.

Aquí está mi CSS:

@font-face{
  font-family:'testFont';
  src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.eot');
  src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.ttf'), format('truetype');
}

ul li a {
font-family:'testFont', sans-serif;
  font-weight:normal;
}

También he probado en mi servidor local. Allí tampoco trabaja.
Anteriormente probé usando font-face en fuentes descargadas de Google. Sin éxito.

¿Qué estoy haciendo mal?

preguntado el 27 de julio de 12 a las 18:07

3 Respuestas

También he tenido problemas con font-face antes. Sé que cuando lo usé, no rodeé el atributo de familia de fuentes con comillas (simples o dobles). Además, por alguna razón, parece haber algún tipo de conflicto al poner las reglas de fuente en la hoja de estilo principal, así que las puse en una hoja de estilo separada y puse esto en la parte superior de mi hoja de estilo principal:

@import url('font.css');

Aquí hay un ejemplo rápido de una de mis instancias de esta regla, copiada directamente del archivo:

@font-face{
  font-family: Kalinga;
  src:url(kalinga.ttf);
}

@font-face{
  font-family: Kalinga;
  font-weight: bold;
  src: url(kalingab.ttf);
}

Sé que no agregué tanto el ttf como el eot aquí, pero es un buen ejemplo al que puede referirse. Recomendaría comenzar con eot o ttf y hacer que uno funcione y luego agregar el otro cuando haya terminado (menos cambios que hacer al retocar).

Respondido 27 Jul 12, 18:07

hmm... probando Font Squirrel de @nick-beranek, descargué un paquete. Abriendo el texto html, las fuentes funcionan. Pero cuando lo puse en mi solución WP, no funciona :( Intenté eliminar mis otras fuentes y solo tengo estas nuevas, pero no ayuda... - Steven

Esto no resolvió mi problema, pero acepté la respuesta de todos modos. - Steven

Voy a recomendar usar un servicio como Font Squirrel. Digo esto porque puedes cargar una fuente y automáticamente la convertirá a eot, ttf, etc., y le proporcionará un archivo zip que contiene sus fuentes y algunos archivos de muestra para que pueda comenzar.

Respondido 27 Jul 12, 19:07

Sé que suena loco, pero he tenido problemas para que @font-face funcione con rutas absolutas. Sin embargo, lo uso todo el tiempo con rutas relativas y funciona bien. y tambien recomiendo Font Squirrel. Todo lo que necesita hacer es ajustar la ruta CSS en relación con el lugar donde se encuentran sus fuentes a partir de los kits y códigos generados proporcionados. Y, por supuesto, con Worpress, utilice siempre un tema secundario para eludir las declaraciones de fuentes predeterminadas.

Respondido 04 ago 12, 23:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.