サイトフォントを変更しよう!

サイトフォントを変更しよう!

「DG-STYLE」では、簡単にサイトフォントを変更できる機能を持っています。

フォント変更例

上記のイメージのように、全10種類のフォントを選ぶことができます。

フォント変更方法

  1. 「共通オプション」→「フォント設定」を開く
  2. フォント設定メニューから、好きなフォントを選ぶ
  3. 「フォントの太さ」ある場合は、設定したい太さを選択
  4. 完了

簡単ですね!「sans-serif」と「serif」以外はGoogleフォントになります。

ただしGoogleフォントですが、日本語フォントの仕様上容量が大きいため、ページスピードが多少遅くなる場合があります。

なので、Googleフォント系を選択する場合は、十分検討して適用するようにしてください!

修正が終わったら「保存」を忘れずに!

修正が終わったら、サイトビルダー左上にある「保存」ボタンをクリックして保存してくださいね!

「Ctrl」+「S」のショートカットでも保存できる!

慣れている人はすごく便利な「保存」ボタンを押さなくても、キーボードの「Ctrl」+「S」キーで保存できます!

Writer Profile

donyのサムネイル

WEB関連の営業から制作まで幅広く経験したフロント・バックエンジニア。
今までのクライアントの要望や制作者としてのノウハウをまとめて「DG-STYLE」を開発しました。

Recommend Post

「チュートリアル」で各種機能の使い方を学ぼう!のサムネイル

「チュートリアル」で各種機能の使い方を学ぼう!

DG-STYLE Ver 4.2.0から実装された「チュートリアル」について説明します。チュートリアルとは?DG-STY

2021-10-11
DG-STYLEを使ってランディングページを作ろう!のサムネイル

DG-STYLEを使ってランディングページを作ろう…

設定の前にご確認してください。正常にLPページが404で表示される場合は、WP管理画面より「設定」→「パーマリンク」で再

2021-09-11
サイトViewsパーツの使い方のサムネイル

サイトViewsパーツの使い方

「DG-style」で使える各パーツについて説明します。「サイトViews」パーツの概要DG-STYLE Ver4.1.

2021-09-11
【リニューアル】簡単デザイン機能を使ってみよう!

【リニューアル】簡単デザイン機能を使ってみよう!

DG-STYLE 3.0.0から実装された「簡単デザイン」の使い方を説明します。※Ver3.1.0でさらにパワーアップし

2021-06-13
Gutenbergブロックパターン設定方法のサムネイル

Gutenbergブロックパターン設定方法

WordPress5.5から追加された、ブロックパターンを自由に追加できる機能を実装しました。ブロックパターン再利用ブロ

2021-05-16
独自CSSの追加方法のサムネイル

独自CSSの追加方法

独自CSSとは、パーツ個別にデザイン設定するのではなく、セレクターやプロパティを自由に追加できる専門家用の機能です。独自

2021-05-16
TOP