@ Fuente de fuentes en IE y FF -- ss campo con fonts campo con embed campo con font-face camp Relacionados El problema

@font-face in IE and FF


0
vote

problema

Español

Estoy tratando de incrustar una fuente usando un kit de @ font-face creado con la ardilla de fuentes ( jsfiddle aquí ). Mientras que la incrusta parece estar trabajando en Chrome, ni IE ni Firefox muestran la fuente. He aliado por las CSS durante horas, pero parece que no puede encontrar cuál es el problema. Cualquier entrada es muy apreciada.

Original en ingles

I'm trying to embed a font using an @font-face kit created with Font Squirrel (jsfiddle here). While the embed seems to be working in Chrome, neither IE nor Firefox display the font. I've pored over the CSS for hours but can't seem to find what the problem is. Any input is greatly appreciated.

           

Lista de respuestas

1
 
vote

En Firefox al menos, la URL @ FONT-FACE debe ser relativa a la raíz del documento. En otras palabras, la importación de fuentes de una URL fuera de su sitio en Firefox no funcionará. Lo mismo puede ser cierto para IE, pero no estoy seguro.

 

In firefox at least, the @font-face URL needs to be relative to the document root. In other words, importing fonts from an URL outside your site in Firefox will not work. The same may be true for IE but I'm not sure.

 
 
   
   
-1
 
vote

Puedes probar esta estructura:

  @font-face {   font-family: 'WebFont';   src: url('myfont.woff') format('woff'),  /* Firefox 3.6+, IE9+, Chrome 6+, Safari 5.1+*/        url('myfont.ttf') format('truetype');  /* Safari 3â€" 5, Chrome4+, Firefox 3.5, Opera 10+ */ }   

Tomado de css3please .

 

You can try this structure:

@font-face {   font-family: 'WebFont';   src: url('myfont.woff') format('woff'),  /* Firefox 3.6+, IE9+, Chrome 6+, Safari 5.1+*/        url('myfont.ttf') format('truetype');  /* Safari 3xe2x80x945, Chrome4+, Firefox 3.5, Opera 10+ */ } 

Taken from CSS3Please.

 
 

Relacionados problema

6  ¿El uso de la cara de Entypo @ no funciona en IE8 o más tarde?  ( Using entypo font face not working in ie8 or later ) 
Acabo de empezar a usar la cara de fuentes de EntyPo para hacer mis iconos sociales, pero en IE8 o más tarde, muestra la fuente como una caja vacía. No sé si ...

1  FUTURA FONT NO REPRESIONANDO EN FIREFOX  ( Futura font not rendering in firefox ) 
Tengo un problema con mostrar fuentes específicas de FUTURA en Firefox. En realidad, uso 5 FUTURA FONTS y ​​tengo problemas con uno de ellos: @font-face ...

2  Firefox @ Font-Face no funciona  ( Firefox font face doesnt work ) 
Estoy tratando de usar la fuente de icono personalizada en mi blog de blogger. Si entendí correctamente, Firefox requiere que el archivo de descarga sea del m...

1  @ Fuente-cara en un CakePhp WebApp (no funcionando a través de varios tipos de navegadores)  ( Font face in a cakephp webapp not working across various browser types ) 
@ font-face parece que la cita sencilla para configurar en mi CSS, y sin embargo, no se está utilizando mi fuente definida. Esto se encuentra en un CAPEPHP 2....

69  Espere a que las fuentes se carguen antes de renderizar la página web  ( Wait for fonts to load before rendering web page ) 
Estoy usando @ font-cara para incrustar fuentes en mi sitio web. Primero, el texto hace que el sistema predetermea, y luego (una vez que el archivo de fuente ...

1  FONT-FACE funciona en todos menos una página, ¿cuál podría ser el problema? [cerrado]  ( Font face works on all but one page what could be the issue ) 
Es poco probable que esta pregunta ayude a cualquier visitante futuro; Solo es relevante para un pequeño área geográfica, u...

1  FUTT-FACE INMED (en el sitio web usando CMS hecho simple) desapareciendo al azar en IE6  ( Font face embed on website using cms made simple disappearing randomly on ie6 ) 
Hice un sitio web con fuentes personalizadas integradas en el sitio web utilizando Fuentes. La fuente incrusta funciona bien en todos los principales navegado...

1  ¿Hay un equivalente en línea a @ font-cara?  ( Is there an inline equivalent to font face ) 
Me enfrento con un problema, no puedo editar el CSS o JavaScript de una página web. Solo su cuerpo. Por lo tanto, necesito usar una fuente que todos los siste...

7  Incrustar fuente en la página web  ( Embed font in webpage ) 
IVE Googled Muy intentando averiguar cómo incrustar las fuentes en una página web. Como lo entiendo, debe subir las fuentes en su página web en los formatos ....

0  @ Font-Face no está funcionando  ( Font face is not working ) 
Estoy teniendo el tiempo más difícil de obtener @ font-cara a cargar para este sitio. ¿Alguien sabe lo que está pasando? Intenté usar el CSS de la ardilla d...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos