@ font-face가 FF4에서 작동하지 않습니다

@font-face을 사용하여 일부 글꼴을 포함 시켰습니다. 크롬, 사파리 등에서 제대로 작동합니다. 웬일인지 FF4와 함께 작동하지 않습니다. 나는 온통 보았고 아무것도 찾을 수 없다. CDN과 관련된 문제가있는 항목을 발견했지만 그 내용은 저에게 해당되지 않습니다. thewell.newcoastmedia.com 웹 사이트에서 내가 사용하고있는 코드를 추가하겠습니다. 중요하면 WordPress을 사용하고 있습니다.@ font-face가 FF4에서 작동하지 않습니다

CSS의 :

@font-face { 
    font-family: LeagueGothicRegular; 
    src: url('league_gothic-webfont.eot'); /* IE9 Compat Modes */ 
    src: url('league_gothic-webfont.eot?iefix') format('eot'), /* IE6-IE8 */ 
     url('league_gothic-webfont.woff') format('woff'), /* Modern Browsers */ 
     url('league_gothic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('league_gothic-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    font-weight: normal; 
    font-style: normal; 
}

내 htaccess로 파일 :

# Use PHP5 Single php.ini as default 
AddHandler application/x-httpd-php5s .php 

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

AddType image/svg+xml svg svgz 
AddEncoding gzip svgz 
AddType application/vnd.ms-fontobject eot 
AddType font/truetype ttf 
AddType font/opentype otf 

AddType application/x-font-woff woff

출처

2011-04-19 user715564

http://thewell.newcoastmedia.com/에서 @ font-face 규칙이 표시되지 않습니다. 나는 틀린 페이지를보고 있는가? –

Boris는 @ font-face 규칙이 지정되어 있지 않으며 글꼴 (LeagueGothicRegular)이 어느 곳에서도 참조되지 않고 있다고 말 했으므로 글꼴에 대한 규칙이나 사양이 없으므로 페이지로 작동하지 않습니다 데이터가 없습니다. – Ryan

자, 여기 svg이다? 내가 Font Squirrel 그들은에서 스타일 시트를 사용하고 있습니다

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">

모든 브라우저에서 작동합니다.

출처

2011-05-14 17:03:47

@ font-face가 FF4에서 작동하지 않습니다

답변

관련 문제