私はcssを使用しています
@font-face {
font-family: ChangaOne-Regular;
src: url({{ 'changaone-regular.eot' | asset_url }});
src: url({{ 'changaone-regular.eot?#iefix' | asset_url }}) format('embedded-opentype'), url({{ 'changaone-regular.woff' | asset_url }}) format('woff'), url({{ 'changaone-regular.ttf' | asset_url }}) format('truetype'), url({{'changaone-regular.svg#changaone-regular' | asset_url }}) format('svg');
font-weight: normal;
font-style: normal;
}
画像フォルダにフォントを保存しました。フォントを取得していなかったので、css ファイル内のフォルダーにフォントのコピーを作成しました。
現在、クロムで完全に機能しています。しかし、mozilla ではフォントが読み取られません。コンテンツを含むcssファイルのフォルダーにhtaccessを追加することで、これを修正できることがわかりました
<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
これは、Firefox でも違いはありません。では、どうすればこれを修正できますか? 何か案が？