Bir web sitesi (örneğin mywebsite.com ve yükler font-face başka bir siteden yazı bu site (say anothersite.com) tasarlıyorum. Yazı tipi yazı tipi ile ilgili sorunlar Firefox yükleme yapıyordum ve this blog okudum:

@Font-face destekleyen (Firefox v3.5) çapraz etki alanı izin vermiyor varsayılan yazı tipleri. Bu yazı anlamına gelir aynı etki alanından sunulan olmalı (alt etki alanı) sürece ekleyebilirsiniz “Access-Control-Allow-Origin” Başlığı yazı için.

Nasıl yazı tipi için Access-Control-Allow-Origin Başlığı ayarlayabilirim?

Yani... yazı tipi dosyaları bir klasör debug koymak ne yapmanız aşağıdaki dosya.

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

uzak CSS dosyanızda da, font-face bildirimi yazı tipi dosyası (yerel CSS dosyalarında gerekli değil) tam bir mutlak URL ihtiyaçları:

örneğin

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://www.mysite.com/css/fonts/League_Gothic.eot?') format('eot'),
         url('http://www.mysite.com/css/fonts/League_Gothic.woff') format('woff'),
         url('http://www.mysite.com/css/fonts/League_Gothic.ttf') format('truetype'),
         url('http://www.mysite.com/css/fonts/League_Gothic.svg')

}

Bu sorunu çözmek için yeterlidir. Unutulmaması gereken bir şey yazı erişim için izin verilmesi gerektiğini tam olarak belirleyebilirsiniz. Yukarıdaki debug içinde kısıtlayabilirsiniz herkes "*" ile benim yazı erişebilen ancak belirtilen var:

Tek bir URL:

Access-Control-Allow-Origin: http://yoursite.com

Ya da Url adresleri virgülle ayrılmış listesi

Access-Control-Allow-Origin: http://yoursite.com,http://anothersite.com

(Çoklu değerler, akım uygulamalarında desteklenmez)