7

Firefox のアイコン置換フォントを使用したクロス ブラウザーで問題は発生していません。現在、コンテンツ テキストのみが表示され、icomoon テキスト置換は表示されません。コード Sass + Magento + .htaccess から表示されるソース コード、任意のアイデアやヘルプをいただければ幸いです。

ウェブサイト: http://www.phoebessecret.co.nz

.htaccess の書き換えを行っていた:

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

<FilesMatch ".(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Origin "http://www.phoebessecret.co.nz"
Header set Access-Control-Allow-Origin "http://skin.phoebessecret.co.nz"
Header set Access-Control-Allow-Origin "http://js.phoebessecret.co.nz"
Header set Access-Control-Allow-Origin "http://media.phoebessecret.co.nz"
</IfModule>
</FilesMatch>

CSS:

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

.icon-fonts {
    font-family: 'topshops';
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

.iconsearch {
    content: "\61";
}
4

5 に答える 5

1

icomoonとFirefoxにも問題がありました。Paul Irishの「防弾」@font-face構文を試しましたか？これは、icomoonの出力とは少し異なり、運が良かったので、FFの問題は発生していません。

@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
于 2013-03-22T00:43:37.850 に答える
0

あなたが試すことができる2つのことがあります。私は両方を使用しましたが、うまくいきました。icomoon を参照するには、CSS ファイル内の完全なリンクを使用してください。.htaccess が URL を書き換えている可能性があります。webkub次に、指摘されたように、.htaccess ファイルに以下を追加します。

 <FilesMatch ".(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
于 2014-07-29T08:35:56.327 に答える