サポート » 使い方全般 » 文字間を広げる方法について

  • 解決済 WP_manabu

    (@wp_manabu)


    ブログの文字間を広げようと思い、以下のようなスタイルシートを「追加CSS」に記述しました。

    `p{
    letter-spacing:1.5em;
    }

    がしかし、うまく反映されず、文字間は元のままです。

    本件をクリアにする方法を、お教えくださいませ。

    WordPress5.1.6
    Twenty Seventeen2.3

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    Twenty Seventeen テーマの style.css に下記のような CSS が記述されています。

    /* Remove letter-spacing for all non-latin alphabets */
    
    html[lang="ar"] *,
    html[lang="ary"] *,
    html[lang="azb"] *,
    html[lang="haz"] *,
    html[lang="ps"] *,
    html[lang^="zh-"] *,
    html[lang="bg-BG"] *,
    html[lang="ru-RU"] *,
    html[lang="uk"] *,
    html[lang="bn-BD"] *,
    html[lang="hi-IN"] *,
    html[lang="mr-IN"] *,
    html[lang="el"] *,
    html[lang="gu-IN"] *,
    html[lang="he-IL"] *,
    html[lang="ja"] *,
    html[lang="ko-KR"] *,
    html[lang="th"] * {
    	letter-spacing: 0 !important;
    }

    !important が指定されています。よって、

    html[lang="ja"] p {
    	letter-spacing: 1.5em !important;
    }

    のように、より優先されるようにしないと適用されないようです。

    トピック投稿者 WP_manabu

    (@wp_manabu)

    できましたー!  Twenty Seventeenでは、文字間が!importtantされていたんですね。
    ishitakaさまのご回答を得られなければ、一生、問題がクリアされませんでした。感謝 !!

    なお、質問の際の1.5emを試してみると、文字間が拡がりすぎ…
    ということで、実際には0.2emとしました。ご容赦くださいませ。

    折を見て、文字感だけでなく、行間も調整して参りたいと存じます。
    ありがとうございました!!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「文字間を広げる方法について」には新たに返信することはできません。