カテゴリー
パソコン

プラグイン Easy Google Fonts

Last Updated on 2020年8月7日 by よも

トップページパソコンについて>このページ

Twenty Twentyのフォントサイズが大きすぎると思うので変更してみました。

Easy Google Fontsは、サイトにGoogleフォントを設定するプラグインです。

このプラグインの、フォントサイズを調整する機能を利用します。

プラグイン>新規追加 で、Easy Google Fonts を検索します。

このプラグインです。最近更新されていないのが少し気になります。

「今すぐインストール」→「有効化」

カスタマイズにTypographyが追加されています。

ダッシュボード>外観>カスタマイズ>Typography

Default Typographyを選択。ここからフォントの変更ができます。

設定の例

私の場合は次のように変更しました。

Paragraphs の Edit Font の▼をクリック Appearance の Font Size のボタンをスライドして 18px にする

Heading1 の Edit Font の▼をクリック Appearance の Font Size のボタンをスライドして 35px にする

Heading2 の Edit Font の▼をクリック Appearance の Font Size のボタンをスライドして 26px にする

Heading3 の Edit Font の▼をクリック Appearance の Font Size のボタンをスライドして 22px にする Font color を真っ黒にする

Heading4 の Edit Font の▼をクリック Appearance の Font Size のボタンをスライドして 19px にする

Heading5 以降は使わないからそのまま

追加CSSを使う方法

実は上のプラグインを使う前に、追加CSSからフォントサイズの変更を試してみました。

ダッシュボード>外観>カスタマイズ>追加CSSで次のコードを入力

/フォント/
html{
font-size:18px;
}
h1{
font-size: 2.0rem;
}
h2{
font-size: 1.5rem;
}
h3{
font-size: 1.1rem;
}
h4{
font-size: 1.0rem;
}

フォントサイズは変わったのですが、サブタイトルが大きくなってしまうなど、なんかしっくりこないのでプラグインを探しました。