ここ数ヶ月悩んでいた、
Bloggerの記事本文内にイタリック体を表示させる方法
がついにわかったので、メモに残す。
簡単な経緯
- Bloggerの記事本文フォントをメイリオに設定
- あれ？<i>タグで指定してもイタリック体にならないぞ？
- そもそもメイリオにイタリック体はない、と知る 関連記事→字幕ファイル形式.vttファイルの編集
- であればイタリック体を使う部分のみ別のフォントを指定したい
この4.の段階で色々やってはみたのだが、なかなか思うような結果にならなかった。
結論としては、
BloggerのテーマCSSを編集すればよい
→Blogger CSS関連記事
・2023/1/1 Bloggerに追加したCSSはどこへ行くのか？
ちなみに私はくうく堂さんのQooQ list ver.2.00を使用している。
使用しているテーマによりメニューなどの表示が異なるかも知れない。
- [テーマ]
- [カスタマイズ]-下矢印
- [HTMLを編集]
もくじ でいうところの「7 個別記事」内に以下を記載。
/* イタリック体 */
#single-content p.ita {
font-family: "ＭＳ ゴシック";
font-style: italic;
}
記事本文に以下のように記載。
<p class="ita">イタリック体にしたい文</p>
すると、このように表示される。
イタリック体にしたい文
“ita”の部分はどんな文字列でも良いが、
イタリック体に指定するときに使うクラス名であるため、私は“ita”にした。
それから、フォント指定は
イタリック体が存在し、一般的なもの、をおすすめする。
#single-content が個別記事を表すらしく、
これをつけたことでうまく働いた。
あと、もしかしたら以前は “MS ゴシック” と記載していたかも知れない。
ＭＳは全角だ。
Blogger関連記事はこちら
投稿日：2023年1月31日
初出：2023年1月17日
0 件のコメント:
コメントを投稿