フォントの定義 @font-face ページ28
##
割と理解していない方が多そうなので。
webフォントとは、サーバーにアップロードしたフォントを読み込んで使うフォントです。
対義語はローカルフォントで、これはスマホ・パソコンなどに元々搭載されているフォントのことです。
webフォントを使うには、 "定義" と "設定" が必要です。
定義と設定は別物で、定義はフォントの読み込みをするものです。
定義には@font-faceを使います。
(正確には@importや<link>もありますが、占ツクでは使えません)
@font-faceは以下のように記述します。
@font-face{
font-family:フォントの名前;
src: url(フォントファイルのURL);
}
フォントの名前のところは、自分で自由に名前を付けられます。
例えば、em7は分かりやすさ重視でfontと付けています。これはアルファベットでもいいし、日本語でも良いです。
その名前は後で設定の際に際に使います。
Leafscapeからフォントを借りる方も多いかと思います。
Leafscapeは、あらかじめ@font-faceで用意してくれていますが、占ツクのCSSは、"や'があると反映されなくなるので、それを消します。format("woff2")も必要ないので削除しておくといいでしょう。
@font-faceでフォントの定義をして読み込んだ後、フォントを変えたいところに設定を書きます。
例えば、よく使うのは以下のような記述です。
*{
font-family:瀬戸フォント !important;
}
この時セレクタで使っている「*(アスタリスク)」は、全体を指定するものです。
つまりこれは、全体にフォントを使うよ!という設定というわけです。
もちろんこれは変えることもできて、ご質問にあった作品のタイトルや、お話タイトルにする事で、一部だけフォントを設定できます。
作品タイトルは「h1.utitle a」ですので、上の例だと
h1.utitle a{
font-family:フォントの名前,sans-serif !important;
}
で、お話タイトルは「.result h3」ですので、
.result h3{
font-family:フォントの名前,sans-serif !important;
}
で設定できます。
ルイ様、ご質問ありがとうございました。
##
134人がお気に入り
この作品を見ている人にオススメ
「CSS」関連の作品
感想を書こう!(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
さくさく - 参考にさせていただきます。ありがとうございます! (12月13日 19時) (レス) id: 8125d01b3c (このIDを非表示/違反報告)
青い鳥 - 参考にさせてもらいました。関係ないんですけど100票目に評価しました (10月17日 17時) (レス) @page27 id: 55adadd6b3 (このIDを非表示/違反報告)
ぽんきち丸ドリーム号(プロフ) - 参考にさせていただきました、、!ありがとうございます!! (7月10日 9時) (レス) @page27 id: 2431247bf4 (このIDを非表示/違反報告)
雨の緑茶。(プロフ) - ゆゆゆ。さん» 失礼します。em7様とは関係のない者ですがご回答させていただきます。もう解決されているかなと思いますが、一応https://uranai.nosv.org/u.php/novel/hetadesum4/の「画像のサイズ変更」ページに載っているかと。 (2023年3月17日 14時) (レス) id: 2f0ba08fc2 (このIDを非表示/違反報告)
おはぎ(砂糖・おはぎサブ垢) - 参考にさせていただきました (2022年11月27日 11時) (レス) @page35 id: dfee7c88d4 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ