font-familyが反映されない

前提・実現したいこと

font-familyでkyokasho_lを反映させたいです。
VS-CODEを使っていますがコードが違うのか
それとも何か設定が必要ですか？

発生している問題・エラーメッセージ

CSS
1body {
2  margin: 0;
3  font-family: 'kyokasho_l',sans-serif;
4}

m.ts10806

2020/09/04 04:04

フォントファミリーが適用されない原因ってそんなに沢山ないと思いますが、何をどう調べ、何をどう試したのでしょうか。

mutsuki22

2020/09/04 04:07 編集

大前提何ですが、上がHTMLになってますが、CSSとして適応されてますか？

Lhankor_Mhy

2020/09/04 04:22

そのフォント名は合っていますか？許可書というフォントなのですか？　それともモリサワの教科書体ですか？

Daregada

2020/09/04 04:31

フォントファミリー名が「kyokasho_l」ではないんでしょう。

chapman

2020/09/04 05:13

コードHTMLになっていますがCSSの表記間違いです。フォント名はモリサワの教科書体でgoogleの拡張機能whatfontで表示されたフォント名をそのままコピーしたものです。

Lhankor_Mhy

2020/09/04 05:15

whatfontで表示させたページをご提示いただけますか？

Lhankor_Mhy

2020/09/04 06:14

質問編集拝読。ここなのですね。 http://www.matsukazeya.com/donuts/ フォントはインストール済みですか？それとも @font-face を使っているのですか？

chapman

2020/09/04 06:59

そうです。フォントはインストールしていません。 @font-faceは有料ですか？調べてみましたがLP模写の場合でも何か登録等必要になるのでしょうか・・無知で申し訳ないですがご教授ください。

Lhankor_Mhy

2020/09/04 07:11

ローカルにフォントをインストールしておらず、webフォントの指定もしていないのであれば、そのフォントは反映されません。有料かどうかは、そのフォントによりますが、モリサワであればたぶん有料でしょう。 LP模写でも有料になるかどうかは、その規約をご覧ください。もし、このドーナツ屋さんの模写をしてるなら、このサイトからサブセットフォントをダウンロードしてローカルで使えばいいのではないでしょうか。

Lhankor_Mhy

2020/09/04 07:19 編集

まあ、厳密に言えば、それでも規約違反ということになるだろうかと思います。著作権法的には私的使用による複製になるのかな？　いずれにせよ、こっそりやった方がいいと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

実際に試してみました。

フォントをシステムにインストールする方法では上手くいきませんでした（理由は分かりません）。

HTMLと同じディレクトリに置いて、

css
1@font-face {
2    font-family: 'kyokasho_l';
3    src: url('kyokasho_l.otf');
4}
5body {
6  margin: 0;
7  font-family: 'kyokasho_l',sans-serif;
8}