WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

Elementorプラグインで日本語フォント(Webフォント)を使う方法-無理やりなのも入れて4つ紹介

Elementorプラグインで日本語フォント(Webフォント)を使う方法-無理やりなのも入れて4つ紹介

テーマに依存せずに、とても便利で、自由度が高いので Elementorプラグインというエディタのプラグインで当サイトの一部のページで利用しています。

WordPressでサイトを作る、ページを作ることに慣れてくると気になってくるのが文字の「フォント(書体)」です。

エステサロンやネイルサロンなどの女性向けのサイトは可愛いフォントにしたい、居酒屋やお寿司屋さんなどは、和風な書体にしたいなど、文字を変えたくなります。

参考記事はこちら

【お願い】セミナー申込み後にメールが届かない方へ

当サイトではセミナーにお申込みいただいたあとに2通のメールをお送りしています。 ・自動返信メール(お申し込み直後に送信) ・スタッフからのご連絡メール(2営業日前後に配信) どちらのメールも届かない場合、次のケースが考え

WordPressサイト(一般のHTMLのサイトも同様です)

実は、初期状態でもGoogle日本語フォントが利用できます。

英語のフォント(書体)は筆記体調や、ポップなもの、おしゃれなフォントなど用意されていますが、日本語のフォントは初期状態では特に選択できないため、もっとかわいいフォントにしたい方や、筆文字風や、もっと堅いイメージのフォントにしたいなどサイト更新に慣れてきたり、既に色々なサイトを見ている方は気になってくるところだと思います。

Elementorプラグインで日本語フォント(Webフォント)を使う方法を紹介します。

Elementorで日本語フォント(Webフォント)の使い方

Elementorで日本語フォント(Webフォント)を使うには、複数の方法があります。

1)実は既にいくつか使えるGoogle日本語フォントを選択します

既に入っている日本語のGoogleフォントを追加することができます。

日本語のGoogleフォントのフォント例

使用できるフォント名

  • Noto Sans JP
  • Noto Serif JP
  • Sawarabi 
  • Sawarabi Mincho
  • Shippori Mincho
  • Shippori Mincho B1
  • M PLUS 1p
  • M PLUS RRounded 1c
  • Kosugi
  • Yusei Magic
  • RocknRoll One
  • Reggae One
  • Kiwi Maru
  • Dela Gothic On
  • DotGothic など

Googleフォントが使用できますので、書体で検索します。

このように検索します。

明朝体を使いたい方も多いと思います。

実際にElementorでフォントを選択した例

こちらが日本語フォントの入力例(使用フォント:Shippori Mincho B1)

こちらが日本語フォントの入力例(使用フォント:DotGothic16)

こちらが日本語フォントの入力例(使用フォント:Kosugi MaruYusei Magic)

2)Elementor Proでフォントをアップロードして利用する

Webサイトで使用したいフォントを既にお持ちの方や無料で利用できるフォントをダウンロードする、もしくは有料のフォントを購入する等でフォントを手に入れます。
ホームページ制作をされる方は有料の商標利用可能なフォントを既にお持ちだと思いますが、今は無料でも利用できるフォントも多く登場しています。
Webサイトからダウンロードして利用できるフォントや本屋さんで売られているフォントもあります。(結構面白いフォントがありますよ)

無料のフォントの利用の際には、「商用利用可能」なのか、利用の場合でもリンクや作者の記載が必要な場合もありますので(無料写真やイラストの素材も同様ですね)きちんと確認しておきましょう。

3)サーバー会社が提供しているWebフォントを利用する

WordPressでモリサワWebフォントが使えるレンタルサーバーは、現状は、エックスサーバー、さくらサーバー、お名前.comサーバーの3社です。

モリサワWebフォント例(お名前サーバーさんより)

 

4)諦めて文字を画像をにする

Elementorプラグイン関係なくなってきましたが、むか〜し昔は私もよく見出し等を画像にしていました。

画像ですとフォントがたくさん選べますのでね。

文字のフォントが変わるだけでイメージも変わりますよね。

おまけ:クラシックエディタと今のブロックエディタの方はこちら

Elementorプラグインを使っていて、投稿は普通のエディタを利用している場合には、こちらのプラグインも検討されてもいいと思います。普通に書くクラシックエディタに追加するTinyMCE部分で利用します。

日本語フォントを簡単追加出来る「Japanese Font for WordPress(旧名: Japanese font for TinyMCE)」

日本語フォントをTinyMCEやGutenbergに追加するプラグインです。Gutenbergの対応は設定で有効化可能です。かわいい書体が多いですね。

追加されるフォント

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

本を出すだけで終わらない、新しい出版サービス

・ 専用のウェブサイト
・ 大手サイトへのプレス配信
・国会図書館への寄贈
・多言語で海外での出版 
ほか

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

Elementorテンプレート販売中!

\Elementor無料版対応/

サイトがまるごとインストールできる
Webサイトテンプレート
LPも追加しました!

 開催中のWordPress講座・セミナー

 WordPress・サイト運営のお悩みを解決します

女性講師によるマンツーマンレッスン開催中!
・オンラインレッスンだから全国どこでも参加可能
・2011年から150回を超える研修実績あり
・受講後も安心!メールサポート付き
・受講中の録画動画をお渡しします

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

 【無料】オンライン講座・セミナー

新着情報

  新サービス開始しました

ノーコードでWordPressサイトが作れる!
WordPressテンプレート新発売!→詳しくはこちら

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策がしっかり学べるコンテンツマーケティング講座(オンライン開催)

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP