Questo sito potrebbe offrire funzionalità limitate durante le operazioni di manutenzione per migliorare l'esperienza utente. Se un articolo non risolve il tuo problema e vuoi richiedere supporto, la nostra comunità di supporto è pronta ad aiutarti tramite @FirefoxSupport su Twitter e /r/firefox su Reddit.

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni

Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.

Fonts loaded from another site using @font-face do not display

  • 1 risposta
  • 2 hanno questo problema
  • 1 visualizzazione
  • Ultima risposta di cor-el

more options

When loading a font using @font-face in CSS, the font displays correctly if the font file is local to the web site. If loading the font from another web site, the font file is loaded (as displayed by firebug and by server logs), but the font is not rendered.

I.e. : this works @font-face{ font-family:'HelveticaNeueUltlt'; src:url('/fonts/HelveticaNeueUltlt.eot'); src:url('/fonts/HelveticaNeueUltlt.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaNeueUltlt.woff') format('woff'), url('/fonts/HelveticaNeueUltlt.ttf') format('truetype'), url('/fonts/HelveticaNeueUltlt.svg#HelveticaNeueUltlt') format('svg'); font-weight:normal; font-style:normal; }

But this doesn't work : @font-face{ font-family:'HelveticaNeueUltlt'; src:url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.eot'); src:url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.eot?#iefix') format('embedded-opentype'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.woff') format('woff'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.ttf') format('truetype'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.svg#HelveticaNeueUltlt') format('svg'); font-weight:normal; font-style:normal; }

When loading a font using @font-face in CSS, the font displays correctly if the font file is local to the web site. If loading the font from another web site, the font file is loaded (as displayed by firebug and by server logs), but the font is not rendered. I.e. : this works @font-face{ font-family:'HelveticaNeueUltlt'; src:url('/fonts/HelveticaNeueUltlt.eot'); src:url('/fonts/HelveticaNeueUltlt.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaNeueUltlt.woff') format('woff'), url('/fonts/HelveticaNeueUltlt.ttf') format('truetype'), url('/fonts/HelveticaNeueUltlt.svg#HelveticaNeueUltlt') format('svg'); font-weight:normal; font-style:normal; } But this doesn't work : @font-face{ font-family:'HelveticaNeueUltlt'; src:url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.eot'); src:url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.eot?#iefix') format('embedded-opentype'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.woff') format('woff'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.ttf') format('truetype'), url('http://s3.mycompany.com/fonts/HelveticaNeueUltlt.svg#HelveticaNeueUltlt') format('svg'); font-weight:normal; font-style:normal; }

Tutte le risposte (1)

more options

Modificato da cor-el il