Avatar for Username

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

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

  • 1 svar
  • 2 har detta problem
  • 6 visningar
  • Senaste svar av cor-el

jfstenuit
jfstenuit
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; }

Alla svar (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See:

Ändrad av cor-el