フォントデータをダウンロードして、@font-face に記述し、いざフォントを使おうとしたところ、
フォントが全く効きません。
どこか記述が間違っているのでしょうか?
【構造】
sample ├ assets │ └ css │ └index.css ├ fonts │ └ Barlow-Bold.ttf │ └ Barlow-Bold.woff │ └ Barlow-Bold.otf └ index.html
fontface.scss
1@font-face { 2 font-family: 'barlow'; 3 src: url(/assets/fonts/Barlow-Bold.ttf) format('ttf'), url(/assets/fonts/Barlow-Bold.woff) format('woff'), url(/assets/fonts/Barlow-Bold.otf) format('opentype'); 4 font-weight: 700; 5 font-style: normal; 6}
index.scss
1.sample { 2 font-size: 22px; 3 font-weight: 700; 4 font-family: 'barlow'; 5}
Barlow-Bold.ttf、Barlow-Bold.woff、Barlow-Bold.otf、は格納済
Googleフォントから、Barlow-Bold.ttf をダウンロードしてきて、
Barlow-Bold.otf、Barlow-Bold.woff にツールで変換したのですが、ちゃんと変換されてないんでしょうか..
【使用ツール】
https://convertio.co/ja/ttf-woff/
ご教授いただければ幸いです。
何卒よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。