一部分だけフォントを変える
最高ランク : 1 , 更新: 2021/07/10 1:57:29
占ツクのCSSで、タイトルや説明文だけなど一部分だけ別のフォントにすることは可能なのでしょうか?
試行錯誤自分でしてみたのですがどうも自分の力では出来そうになく。。
もし可能であれば方法を教えてください
また、不可能であればそうだと教えてもらいたいです
こんな感じですね。
/* ページ全体 */
#content{ font-family:Meiryo UI,sans-serif; color:blue;}
/* 作品のタイトル */
#header h1 a{ font-family:MS Mincho,serif; color:orangered; background-color:gold;}
/* 説明文 */
#desc{ font-family:MS Mincho,serif; color:darkgreen;}
/* お話のタイトル */
.result h3{ font-family:MS Mincho,serif; color:red !important; background-color:yellow !important;}
/* お話の内容 */
#u_result{ font-family:MS Mincho,serif; color:darkblue;}
お話のタイトル部分はページ内の他の指定が優先されるようで、文字色や背景色は変更できません。
仕方ないので !important で強制的に反映させましたが、あまりオススメできない方法です。
Webページ作成のお仕事でこんなの使ってたら間違いなく怒られるやつですね(というか、怒ります)
ゆきとさん
2021/07/09 23:41:23 違反報告 リンク
ご丁寧にありがとうございます
!importantで強制的に反映させるのがあまりよろしくない理由を教えて頂いても宜しいでしょうか?
w2mvfc5wksp0
2021/07/09 23:50:13 違反報告 リンク
CSSの一番上に
*{ color:red !important; }
という指定を入れると、どれだけ厄介かわかるかもしれません。
("*" は全部に対しての指定です。これもあまりよろしくないやつですね)
占ツクでユーザーが作れるCSSは「カスタム」ひとつだけですけど
実際にはそれ以外にも複数個のCSSを組み合わせて使っています。
CSSは基本的には後から指定したものが優先される仕組みなんですけど、
一度 !important を付けてしまうと、その優先順位が崩れてしまうんですよね。
(それ以降は全部に !important を付けないと指定が効かなくなる)
占ツクの小説くらいならあまり気にしなくていいのかもしれませんけどね。
現状でも配布してるCSSでもとんでもない書き方のがあったりしますし。
何事もやりすぎると変なところに影響するかもしれないのでお気を付けください、ということで。
ゆきとさん
2021/07/10 0:20:43 違反報告 リンク
とても分かりやすい説明をありがとうございます
私は何も考えずに!importantを付けていたので気を付けたいと思いました
w2mvfc5wksp0
2021/07/10 1:57:23 違反報告 リンク
コメントをするにはログインが必要です : ログイン
4
CSS
2021/07/09 5:36:10 w2mvfc5wksp0
配布をするのではなく個人で使う分にはフリーでない素材を使ったCSSを作品に使うの...
4
フォントを入れたい
2021/01/06 8:45:20 w2mvfc5wksp0
自由の翼フォント(https://tanukifont.com/jiyu-no-tsubasa/)をCSSに組み込みたい...
2
フォントが反映されない
2020/12/29 23:10:27 w2mvfc5wksp0
https://uranai.nosv.org/u.php/novel/w2mvfc5wks4/ これはフォント反映されてま...
- ログイン
- 投稿ランキング
-
1.
作品に来た謎のコメントについて new by.虹色マルチ#遠足楽しみ!
40分前 -
2.
この画像はアウトですか? by.粗目少女_飴宮ざらめ
2024/04/30 5:48:10 -
3.
著作権/肖像権 new by.透
2024/04/30 14:39:12 -
4.
理科 実験用具の正しい知識(?)について by.音湖(ねこ)
2024/04/30 4:09:16 -
5.
Are you troubled by signal interruption? There are great machines available here that can block signals! by.Lillyyy
2024/04/30 3:39:05 - もっとみる
- ユーザランキング
-
1.
悠麻@だいすの青色担当
40 Point -
2.
しおん @ だいえっと
30 Point -
3.
虹色マルチ#遠足楽しみ!
30 Point - もっとみる