ここから本文です

【CSS】Googlechromeとfirefoxで@font-face で指定したフォントが反映されません。...

yuu********さん

2019/5/1201:04:10

【CSS】Googlechromeとfirefoxで@font-face で指定したフォントが反映されません。
調べたのですが、原因が分かりません。

Microsoft EdgeとInternet Explorerでは反映されています。

以下のように記述しております。
反映させたいフォントは筑紫丸Aゴシックの太字体です。

@font-face {
font-family: 'TsukuARdGothic-bold';
src : url('AppleTsukuARdGothic-Bold-AlphaNum-02.woff') format('woff'),
url('AppleTsukuARdGothic-Bold-AlphaNum-02.ttf') format('ttf'),
local("筑紫A丸ゴシック ボールド");
}

header ul li {
display: block;
float: left;
font-family: 'TsukuARdGothic-bold','筑紫A丸ゴシック ボールド';
color: #fff;
font-size: 1.3rem;
padding-right: 35px;
}

閲覧数:
26
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

imr********さん

2019/5/1215:20:41

>■aox/13207630298/yuunagi3523さん
>調べたのですが、原因が分かりません。

拡張子が間違っているからです。

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる