一部分だけフォントを変える
最高ランク : 1 , 更新: 2021/07/10 4: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/10 2:41:23 違反報告 リンク
ご丁寧にありがとうございます
!importantで強制的に反映させるのがあまりよろしくない理由を教えて頂いても宜しいでしょうか?
w2mvfc5wksp0
2021/07/10 2:50:13 違反報告 リンク
CSSの一番上に
*{ color:red !important; }
という指定を入れると、どれだけ厄介かわかるかもしれません。
("*" は全部に対しての指定です。これもあまりよろしくないやつですね)
占ツクでユーザーが作れるCSSは「カスタム」ひとつだけですけど
実際にはそれ以外にも複数個のCSSを組み合わせて使っています。
CSSは基本的には後から指定したものが優先される仕組みなんですけど、
一度 !important を付けてしまうと、その優先順位が崩れてしまうんですよね。
(それ以降は全部に !important を付けないと指定が効かなくなる)
占ツクの小説くらいならあまり気にしなくていいのかもしれませんけどね。
現状でも配布してるCSSでもとんでもない書き方のがあったりしますし。
何事もやりすぎると変なところに影響するかもしれないのでお気を付けください、ということで。
ゆきとさん
2021/07/10 3:20:43 違反報告 リンク
とても分かりやすい説明をありがとうございます
私は何も考えずに!importantを付けていたので気を付けたいと思いました
w2mvfc5wksp0
2021/07/10 4:57:23 違反報告 リンク
コメントをするにはログインが必要です : ログイン
4
CSS
2021/07/09 8:36:10 w2mvfc5wksp0
配布をするのではなく個人で使う分にはフリーでない素材を使ったCSSを作品に使うの...
4
フォントを入れたい
2021/01/06 11:45:20 w2mvfc5wksp0
自由の翼フォント(https://tanukifont.com/jiyu-no-tsubasa/)をCSSに組み込みたい...
2
フォントが反映されない
2020/12/30 2:10:27 w2mvfc5wksp0
https://uranai.nosv.org/u.php/novel/w2mvfc5wks4/ これはフォント反映されてま...
- ログイン
- 投稿ランキング
-
1.
よく痰が出ることについて【少し観覧注意】 by.虹色マルチ#テラーノベルにもいるよ〜
2024/05/02 7:52:17 -
2.
高校受験について by.あんみつ
2024/05/02 8:50:18 -
3.
謎の症状について by.リア56
2024/04/28 8:45:01 -
4.
結構真面目な話です(※病みアピに感じる方はご遠慮ください) by.悠麻@だいすの青色担当
2024/05/01 8:46:47 -
5.
友達のこと(お願いします!見ていってください~(´;ω;`) by.りみ@低浮上&ゆゆと相方💕
2024/05/01 7:42:27 - もっとみる
- ユーザランキング
-
1.
粗目少女_飴宮ざらめ
10 Point -
2.
悠麻@だいすの青色担当
10 Point -
3.
リア56
10 Point - もっとみる