賢威7の文字と文字の間隔を調節する方法

どうも。葉です。

この記事では、賢威7で、文字と文字の間隔を調節する方法を解説していきます。

1.この記事を読んでできるようになること

まずは、この記事を読んでできるようになることを確認してください。

下図の「変更前」→「変更後」のように文字と文字の間隔を調節することができます。

下図では、わかりやすいように、文字間隔をかなり広めに取りました。実際に設定する際は、もっと短い間隔でオッケーです。

変更前

デフォルトの文字間隔

変更後

1文字1文字の間隔を広げられる

では、ここからは、CSSを変更して、1文字1文字の間隔を広げていきます。

2.賢威7の1文字1文字の間隔を調節する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7の1文字1文字の間隔を調節する手順1

「base.css」をクリックしてください。

賢威7の1文字1文字の間隔を調節する手順2

「base.css」の中に次のコードを入力してください。

/*-------------------------------------
1文字1文字の間隔を変更
-------------------------------------*/
body{
     letter-spacing: 1px;
}

これで、文字と文字の間隔が1px広がります。

賢威7の1文字1文字の間隔を調節する手順3

3.まとめ

この記事では、賢威7の文字と文字の間隔を広げる方法を解説しました。

この他にも賢威7の通常のフォントを変更した場合は、次の記事を参考にしてください。