2020年を簡単にフォントを変更するための最高の無料のWordPressフォントプラグイン

公開: 2020-03-27

ウェブデザインの主要かつ重要な部分はタイポグラフィです。 Webサイトで使用するフォントの種類は、Webサイトの性質を反映しており、訪問者の心の中でブランドを強化するのに役立ちます。 たとえば、子供向けのWebサイトで、明るく魅力的なフォントが必要な場合があります。 または、ロックバンドのウェブサイトが必要な場合は、風変わりなフォントやファンキーなフォントが役立ちます。 弁護士のウェブサイトでは、頑丈でしっかりしたフォントが必要な場合があります。

使用するフォントの種類は、主にテーマによって決まります。 ほとんどのプレミアムテーマにはGoogleフォントへのアクセスが組み込まれており、テーマファイルを微調整してフォントを変更できます。 開発者は、WordPressテーマに外部フォントを追加することもできます。 ただし、コードに慣れておらず、テーマファイルをいじりたくない場合は、Webサイトでフォントを追加および変更するのに役立つ多くのWordPressフォントプラグインを確認するだけです。

ビデオ要素、インタラクティブなインフォグラフィック、または動的メディア環境を使用している場合は、自由に流れるヒップスターフォントを試してみることをお勧めします。 ただし、一般的にWebサイトにフォントを追加し、必要に応じて変更するには、WordPressフォントプラグインを使用できます。 ユーザーインターフェイスとカスタムフォントをアップロードする機能に基づいてプラグインを選択するように注意してください。

無料のWordPressフォントプラグイン

WordPressプラグインリポジトリには、ウェブサイトにGoogleフォントを追加するのに役立つ無料のフォントプラグインが多数あります。 それらの多くでは、カスタムフォントを追加することもでき、ユーザーフレンドリーなインターフェイスから作業することができます。

簡単なGoogleFonts

Easy Google Fontsはどのテーマとも互換性があり、コードを使用せずにWordPressテーマにGoogleフォントを追加するための便利なプラグインです。 プラグインはWordPressカスタマイザーと統合されているため、フォントをリアルタイムでプレビューできます。 テーマのフォントコントロールを変更し、管理領域で使用できるようにすることで、テーマのタイポグラフィをほぼ完全に制御できます。

WordPressフォントプラグイン:簡単なGoogleフォント

また、CSSセレクターの基本的な知識があれば、カスタムフォントルールを追加できます。 600以上のGoogleフォントとフォントバリアントから選択できます。 Googleフォントリストは最新のフォントで自動的に更新されます。 プラグインは、テーマにGoogleフォントを追加したいテーマ作成者にとって便利なツールです。

詳細/ダウンロード

任意のフォントを使用

[任意のフォントを使用]を使用すると、コードを使用せずにWebサイトで任意のカスタムフォントを使用できます。 特定のサービスのフォントに制限されることはなく、リモートサーバーにフォントを保存することも含まれません。 したがって、サードパーティのサーバーの稼働時間に依存することはありません。 すべてのフォントは独自のサーバーに保存され、変換はプラグインサーバーで行われ、その後サイトに返されます。

任意のフォントを使用

プラグインはすべての主要なブラウザをサポートし、フォント変換はプラグインインターフェイス内で行われます。 アップロードされたフォントは、WordPressエディターから直接使用できます。 アップロードされたカスタムフォントは、多くのプレミアムテーマのテーマオプションパネルから直接使用できます。 複数のカスタムフォントが許可されており(プレミアム)、プラグインは高速でSEOに適しています。 フォント変換のためにプラグインのサーバーにアクセスするには、APIキーが必要です。 1つのフォントセットに無料でアクセスできますが、複数のフォントセットが必要な場合は、APIキーの料金を支払う必要があります。 15MBまでのカスタムフォントサイズが許可されます。

詳細/ダウンロード

フォント

フォントは、ビジュアルエディタにオプションを追加します。 これにより、投稿やページで作業しているときでも、フォントに変更を加えて受け入れることができます。 ドロップダウン形式で2つのオプションが追加されます。1つはフォントサイズ用のオプションで、もう1つはフォントスタイル用のオプションです。 プラグインの操作は、他のワードプロセッサの操作と似ています。

フォント

独自のカスタムフォントを追加できるようにするには、プラグインのプレミアムバージョンにアップグレードする必要があります。

詳細/ダウンロード

TinyMCE Advanced

WordPressのビジュアルエディターを使用すると、ツールバーのオプションをすばやく呼び出すことができるため、WordPress内での作業が簡単になります。 ただし、ツールバーからすべてのオプションにアクセスできるわけではありません。 TinyMCE Advancedプラグインを使用すると、ビジュアルエディターツールバーのボタンを追加、削除、および編集できます。

TinyMCE Advanced

TinyMCEプラグインはWordPressにフォントを追加しませんが、ツールバーに最大4行のボタンを追加できます。 ボタンを追加して、フォントサイズとフォントファミリを調整したり、ページと投稿をフォーマットしたりできます。

詳細/ダウンロード

Zeno Font Resizer

Zeno Font ResizerがWebサイトでアクティブになっている場合は、読者が必要に応じてフォントサイズを拡大または縮小するオプションを提供できます。 設定はCookieに保存されるため、読者はサイトに再度アクセスしたときに同じサイズが表示されます。 プラグインはJavaScriptとjQueryを使用してフォントのサイズを設定します。

Zeno Font Resizer

プラグインは、フォントリサイザーウィジェットをサイドバーに追加します。 または、任意のページまたは投稿にテンプレートコードを追加できます。 サイズ変更可能なコンテンツは、管理ページで定義できます。 デフォルトのオプションは、サイト上のすべてのコンテンツのサイズを変更します。 プラグインはjQueryを使用するため、ユーザーはページをリロードせずにフォントサイズを調整できます。

詳細/ダウンロード

カスタムフォント

カスタムフォントワードプレスフォントプラグイン
カスタムフォントを使用して既存のWebサイトのエクスペリエンスを向上させたい場合は、カスタムフォントを入手することをお勧めします。 この無料のWordPressフォントプラグインは非常に使いやすいですが、それでもあなたのウェブサイトに強力でやりがいのある影響を与えることができます。 まず、ツールをインストールします。 次に、WordPress管理ダッシュボードでアクティブにします。 これで、woff2、ttf、svg、eotなど、あらゆる種類の異なるファイルのフォントファイルをアップロードする準備が整いました。

カスタムフォントは、AstraとBeaver Builderのテーマ、およびBeaverBuilderプラグインとElementorのドラッグアンドドロップページビルダーで問題なく動作することを覚えておいてください。 ドロップダウンメニューから選択できる設定セクションに、すべての新しいフォントがあります。 さらに、上記のテーマやプラグインを使用していない場合は、カスタムCSSを作成して新しいフォントを追加することもできます。

詳細/ダウンロード

スタイルガイド

スタイルガイドワードプレスフォントプラグイン
スタイルガイドは、ライブカスタマイズセクションでWordPressテーマのフォントと色のスタイルを設定します。 ライブ配信を開始する前に、さまざまなオプションを試して、プロジェクトをオンラインで最もよく表す適切な外観を見つけてください。 Styleguideを使用すると、オンラインプレゼンスに明確なタッチを簡単に追加して、より思い出深いものにすることができます。 その上、誰でもスタイルガイドで変更や改善を行うことができます。 言い換えれば、あなたがあなたのためにそれをするためにあなたがデザイナーやコーダーを雇う必要はありません。

さらに、StyleguideはすべてのデフォルトのWordPressテーマをサポートしており、将来のアップデートで、このツールが他の多くのWebデザインでも機能することを期待できます。 また、Styleguideは、ページを微調整するために使用できるさまざまな文字セットをすべてサポートしています。 キリル文字やデーバナーガリー文字からギリシャ語、ヘブライ語、ラテン語まで、Styleguideはすべて、そして一部で機能します。

詳細/ダウンロード

OMGF

omgf無料のワードプレスフォントプラグイン
OMGFはOptimizeMy Google Fontsの略で、GoogleFontsをローカルでホストできます。 OMGFを使用すると、ブラウザキャッシュを活用して、DNS要求を最小限に抑えることができます。 OMGFは、Webサイトまたはブログをさらに最適化し、ページの読み込み速度をさらに向上させるのに役立ちます。 ちなみに、OMGFの構成全体は非常に単純です。 ただし、自分が何をしているのかよくわからない場合は、最初にWeb開発者に相談して、そこから進んでください。

さらに、OMGFは、テーマが使用しているGoogle Fontsを検出してダウンロードし、スプレッドシートを生成して、ヘッダーに自動的に追加します。 キャッシュパッチを変更したり、スタイルシート全体または折り畳みの上にあるフォントだけをプリロードしたりして、フォントのローカルソースを自動的に生成することもできます。 常に改善の余地があり、フォントについてまだ考えていないかもしれません。 今、あなたは知っています。

詳細/ダウンロード

GoogleFontsのタイポグラフィ

グーグルフォントタイポグラフィ無料ワードプレスプラグイン
ウェブサイトやブログをさまざまなフォントで充実させたい場合は、Google FontsTypographyが役立ちます。 これにより、900を超えるGoogle Fontsから任意のものを選択し、使用するWordPressテーマに統合することができます。 また、見出し用とコンテンツ用に1つのフォントを簡単に構成でき、Webサイト全体で同じフォントに固執する必要はありません。 Google Fonts Typographyの優れている点は、ライブプレビューで、ライブに移行する前に、フォントがページ上でどのように表示されるかを最初に確認できることです。

Google Fonts Typographyの機能のいくつかは、ワンクリックアップデート、SEOフレンドリー、ローカルでのGoogle Fontsのホスティング、さまざまな言語の完全なサポートです。 タイポグラフィ設定では、フォントサイズ、色、行の高さ、太さを構成することもできます。

詳細/ダウンロード

Dehkadehフォント

dehkadehフォントワードプレスフォントプラグイン
あなたがあなたのウェブサイトを翻訳しているとき、あなたはDehkadeh Fontsの力を利用して、ペルシア語を紹介することができます。 この無料のWordPressフォントプラグインには、WordPressカスタマイザーでペルシア語フォントを設定するために必要なものがすべて含まれています。 プラグインを使用すると、WordPressの管理ダッシュボードをカスタマイズすることもできます。 つまり、Dehkadeh Fontsは、ペルシア語ユーザー向けの本格的な無料のWordPressプラグインです。

バンドルには、Dehkadeh Fontsに120の使用可能なフォントがありますが、カスタムフォントも簡単にアップロードできます。 プラグインのインストールとアクティブ化のプロセスは、これまでにインストールした他のプラグインとまったく同じです。 ライブになったら、すぐにその機能の恩恵を受けることができます。 それに加えて、追加のサポートや支援が必要な場合は、いつでもプラグインの作成者に連絡することができます。

詳細/ダウンロード

アラビア語のWebフォント

アラビア語Webfontsは、WordPressWebサイトにアラビア語フォントを追加するためのもう1つの高品質プラグインです。 テーマのカスタムフォントコントロールを追加し、タイポグラフィをリアルタイムで制御します。 WordPress Customizerと統合されているため、フォントの変更を行っても表示できます。 ほとんどの標準的なWordPressテーマと互換性があります。

アラビア語のWebフォント

さらに、コードを使用せずに、管理領域でカスタムフォントコントロールを作成し、カスタマイザー領域で使用できるようにすることができます。 プラグインをサイトでアクティブにすると、セクションごとにフォントサイズ、タイプ、スタイルをリアルタイムで制御できます。

詳細/ダウンロード

WP Google Fonts

WP Google Fontsを使用すると、Googleフォントライブラリからウェブサイトにフォントを簡単に追加できます。 これは、サイト固有のGoogleコードをWordPressに追加するのに役立ちます。 WordPressの設定から、特定のCSS要素にフォントを割り当てることもできます。 または、独自のスタイルシートから機能するフォントを割り当てることもできます。

WP Google Fonts

プラグインは、Googleフォントライブラリへの新しい追加を利用するために定期的に更新されます。

詳細/ダウンロード

プレミアムWordPressフォントプラグイン

このWordPressフォントプラグインのリストには、単一のプレミアムプラグインが含まれています。 このプラグインは、機能の1つとしてフォント管理を含む他の多くのプレミアムプラグインとは異なり、フォントの管理に完全に専念しています。

FontPress

FontPressは、すべてのフォントを完全に管理するのに役立つ強力なプラグインです。 Cufons、GoogleおよびAdobe Edge Webフォント、Adobe Typekits、@ font-Faceフォント、または単純なCSSフォントから選択できる幅広いフォントを提供します。 それだけでなく、ラテン語以外の言語向けのGoogleの新しいフォントである早期アクセスフォントもサポートしています。

FontPress

プラグインを使用するには、Webサイトで必要なフォントを選択し、それらを使用するためのグローバルルールを作成します。 多くのパラメータは、フォントの高さと幅、太さ、色、背景色、アウトライン、シャドウ効果を調整するのに役立ちます。 キャピタライゼーション、フォントスタイル、装飾オプションの変換オプションを利用できます。 また、他の人がコンテンツをコピーするのを防ぎたい場合は、テキストを選択できないエンティティに変換することを選択できます。 タイポグラフィのショートコードを使用して、カスタムテキストブロックを作成することもできます。

フォントプレビュー機能を使用すると、太字と斜体のすべての組み合わせでフォントを表示できます。 フォントサイズと行の高さのCSS3レスポンシブユニットが含まれています。

詳細/購入

セルフホストのGoogleFonts Pro

セルフホストグーグルフォントプロ
セルフホストのGoogleFonts Proは、ウェブサイトのパフォーマンスを向上させるのに役立つWordPressプラグインです。 このプラグインを利用する場合、CSSで編集したり、フォントをダウンロードまたはアップロードしたり、テーマやプラグインに変更や構成を行ったりする必要はありません。 統合は迅速かつ簡単で、指一本でWebスペースを洗練することができます。

Self-Hosted Google Fonts Proの機能には、自動処理と変換、Unicode範囲、フォント表示動作などがあります。 後者の場合、ブラウザには非表示のテキストがあり、フォントはダウンロード時にのみ表示されます。 そこで、Self-Hosted Google FontsProが登場します。 フォールバックフォントをすぐに使用する独自の機能があります。 エクスペリエンスを向上させるために、Self-Hosted Google FontsProを覗いてみることを検討してください。

詳細/購入

結論は

フォントは、Webサイトでのユーザーエンゲージメントを高め、ユーザーエクスペリエンスを向上させるのに役立ちます。 彼らはあなたのサイトに個性を与え、ブランド価値を強化します。 このリストのプラグインは、Webサイトのフォントを追加、カスタマイズ、および管理するのに役立ちます。 また、特定のフォントを選択する前に、そのフォントが無料で使用できることを確認してください。 後で法的な問題を回避できる可能性があります。

いつものように、お気に入りのプラグインを見逃した場合は、以下のコメントでお知らせください。