###前提
現在ホームページを制作しています。
その中でCSSの@font-faceを用いて、ローカルに保存してあるフォント(はんなり明朝体)を使おうと思っていたのですが、IEのみうまく反映されません。chromeとfirefoxでは問題なく反映されているのですが解決策をご存じの方がおられましたら、ご教授いただけませんでしょうか?
###発生している問題・エラーメッセージ
IEにてホームページを閲覧した際、@font-faceで指定したローカルフォントが適用されない。
###該当のソースコード
【言語:CSS】
@font-face {
font-family: 'hannari';
src: url("../fonts/Hannari.otf") format('opentype');
}
@font-face {
font-family: "hannari";
src: url("../fonts/Hannari.eot");
}
body {
font-family: "hannari;
}
###試したこと
- IE用にeotファイルを作成し使用
- HTMLの『head』内に、
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>を追加。(削除してもだめでした。)
- xamppでサーバー環境をつくってテスト
###補足
フォントのURLの指定が間違っていないことは確認しています。
以上、よろしくお願い致します。
###修正点
ご回答をいただいた方よりご指摘があったため、追記致します。
IE8以降のバージョンに対応したいと考えています。
それが難しいようであれば、IE9かIE10からでも問題はありません。
回答2件
あなたの回答
tips
プレビュー