一部分だけフォントを変える

今日:2 hit、昨日:3 hit、合計:1129 hit

最高ランク : 1 , 更新：

占ツクのCSSで、タイトルや説明文だけなど一部分だけ別のフォントにすることは可能なのでしょうか？
試行錯誤自分でしてみたのですがどうも自分の力では出来そうになく。。
もし可能であれば方法を教えてください
また、不可能であればそうだと教えてもらいたいです

w2mvfc5wksp0

回答 4

投稿を違反報告 / ブロック

こんな感じですね。

/* ページ全体 */
#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ページ作成のお仕事でこんなの使ってたら間違いなく怒られるやつですね(というか、怒ります)

ゆきとさん
違反報告 リンク

ご丁寧にありがとうございます
!importantで強制的に反映させるのがあまりよろしくない理由を教えて頂いても宜しいでしょうか？

w2mvfc5wksp0
違反報告 リンク

CSSの一番上に
*{ color:red !important; }
という指定を入れると、どれだけ厄介かわかるかもしれません。
("*" は全部に対しての指定です。これもあまりよろしくないやつですね)

占ツクでユーザーが作れるCSSは「カスタム」ひとつだけですけど
実際にはそれ以外にも複数個のCSSを組み合わせて使っています。

CSSは基本的には後から指定したものが優先される仕組みなんですけど、
一度 !important を付けてしまうと、その優先順位が崩れてしまうんですよね。
(それ以降は全部に !important を付けないと指定が効かなくなる)

占ツクの小説くらいならあまり気にしなくていいのかもしれませんけどね。
現状でも配布してるCSSでもとんでもない書き方のがあったりしますし。

何事もやりすぎると変なところに影響するかもしれないのでお気を付けください、ということで。

ゆきとさん
違反報告 リンク

とても分かりやすい説明をありがとうございます
私は何も考えずに!importantを付けていたので気を付けたいと思いました

w2mvfc5wksp0
違反報告 リンク

コメントをするにはログインが必要です : ログイン

4 CSS
w2mvfc5wksp0

配布をするのではなく個人で使う分にはフリーでない素材を使ったCSSを作品に使うの...

4 フォントを入れたい
w2mvfc5wksp0

自由の翼フォント(https://tanukifont.com/jiyu-no-tsubasa/)をCSSに組み込みたい...

2 フォントが反映されない
w2mvfc5wksp0

https://uranai.nosv.org/u.php/novel/w2mvfc5wks4/ これはフォント反映されてま...

ランキング 回答待ちの質問 新着