2022年にWordPressウェブサイトで使用する50以上の最新フォント

公開: 2020-08-28

WordPressサイトを作成するときは、効果的な影響を与えるために適切なツールをすべて用意する必要があります。これには、多数の最新フォントが含まれます。

ただし、WordPressテーマには、選択する必要のあるHTMLフォントが選択されていない場合があります。または、選択されたものに満足できない場合があります。

これらの要因のために、いくつかのカスタムフォントをインストールできることが不可欠です。今日は、ここでさまざまなフォントオプションについて説明します。しかし、最初に、技術的なものを邪魔にならないようにしましょう。

フォントを本当に現代的にするものは何ですか？

最新のフォントはまったく新しいものではありません。このスタイルはもともと18世紀に開発されました。それにもかかわらず、彼らのデザインは現代の世界に関連したままです。実際、文字通りどこにでも見られます。

では、現代のフォントはどのように見えるのでしょうか？

現代のフォントは、シャープで、なめらかで、大胆で、プロフェッショナルで、スタイリッシュです。また、多くの場合、サンセリフ（常にではありません）であり、筆記体フォントのカテゴリに当てはまる場合もあります。それらのデザインはすぐに特徴的であり、ヘッダーやロゴによく使用されます。彼らは明らかに企業的である可能性がありますが、積極的ではありません。むしろ、彼らは大胆で注意を必要とします。

これは、最新のフォントを使用したポートフォリオサイトの例です。

それがどれほど凝縮されて狭いかに気づきますか？

もちろん、これらは一般的なものです。現代のタイポグラフィは進化しており、より様式的な例もよく見られます。しかし、うまくいけば、これはあなたに現代のフォントが何であるか（そしてあなたがそれを使いたいと思うかもしれない理由）の一般的な考えをあなたに与えるでしょう。

この50以上の最新オプションのリストのおかげで、フォントに夢中になる️ クリックしてツイート

ダウンロードしたフォントをWordPressにアップロードする方法

ウェブからダウンロードしたカスタムフォントは、Google Fontsのようなオンラインサービスのようにインポートすることはできないため、実行するには少し余分な作業が必要です。代わりに、フォントを手動でアップロードするか、プラグインを使用して作業を行う必要があります。

ただし、アップロードを行う前に、まずフォントがWeb対応であることを確認する必要があります。それはどういう意味ですか？ええと、すべてのフォントがWebセーフである、または箱から出してすぐにすべてのWebブラウザと互換性があるわけではありません。

しかし、これは大きな問題ではありません。無料のWebfontGeneratorツールを使用して、オンラインで見つけたカスタムフォントを、すべてのWebブラウザーで読み取りおよび使用できる形式に変換するだけです。

この手順を完了すると、フォントの最適化の速度も大幅に向上します。しかし、それだけではありません。また、カスタムフォントがリソースを消費したり、サイトの読み込み時間を不必要に遅くしたりしないように、いくつかのヒントに従う必要があります。

パフォーマンスを確認します。 GTmetrixを使用して、HTTPリクエストの数を監視します。たくさんある場合は、あなたのサイトがあなたが気付いたよりもはるかに多くのフォントを使用していることを意味している可能性があります。ここでは、プラグインやテーマと一緒に自動的にインストールされるフォントについて話しています（手動で追加したものではありません）。
分析を確認してください。 ここでは、サイトで最もアクセスされているフォントコンテナ形式を確認できます。最も一般的な選択肢は、EOT、TTF、WOFF、およびWOFF2です。どれをサポートするかを検討するとき、これは優先するものを決定するのに役立ちます。
フォントがローカルにキャッシュされていることを確認してください。 1日おきにフォントを更新しているわけではありません。つまり、頻繁にアクセスするブラウザにフォントを安全にキャッシュできます。これにより、時間の経過とともにHTTPリクエストの数が制限されます。

フォントを手動でアップロードするには、多少の技術的なスキルが必要ですが、ほとんどのWebサイト所有者にとっては手の届かないものではありません。

選択したカスタムモダンフォントをダウンロードします（以下の例がたくさんあります）。
Webサイト（すべてのコンテンツとデータベースを含む）のバックアップを保存するか、次の変更に子テーマを使用します。
.zip内のフォントファイルをwp-content/themes / your-theme-name/fontsフォルダーにアップロードします。「fonts」フォルダがない場合は、先に進んでフォルダを作成し、そこに.zipフォントファイルをアップロードします。これを実現するには、任意のFTPクライアントを使用します。
WordPressダッシュボードで、 [外観]> [テーマエディター]に移動し、style.cssファイルにアクセスします。このファイルにカスタムコードスニペットを追加する必要があります。適切なフォントファミリとURLをコードスニペットに追加し、[ファイルの更新]をクリックします。

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

上記のコードは、フォントをサイトに追加します。次に、フォントを使用する場所をWordPressに指示する必要があります。そのためには、 style.cssを再度開き、次のコードスニペットを使用します。

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

このコードスニペットでは、ファイルを更新する前に、フォントを適用するサイトの側面を特定し、フォント名を指定する必要があります。

逆に、この手動アップロードをすべてスキップしたい場合は、プラグインを使用してWordPressにフォントを追加できます。確かなオプションには、[任意のフォントを使用]が含まれます。その名前が示すように、これを使用して任意のカスタムフォントをサイトにアップロードし、CSS要素に割り当てることができます。

2022年に使用する最新のフォントの56

カスタムフォントを最適化してWordPressにアップロードする方法がわかったので、最新のフォントと選択可能なオプションの健全なリストを提供できるようになりました。

1.イントロ

Introは、ヘッダーやタイトルに簡単に使用できる太字の線とプレゼンテーションを提供する、標準的な外観のモダンなフォントです。このフォントファミリには、薄いものから厚いものまで8つの異なる太さの72のフォントが含まれており、柔軟性が非常に高くなっています。

2.コモダ

もう一つの選択肢はコモダです。このフォントは凝縮されており、非常に興味深いものです。それはすべてキャップとサンセリフで、各文字の正中線が高くなっているブロック状の外観です。そして、その合字は声明を出します。ここのロゴに最適です。

3.興奮しました

Stokedは、ヘッダーとロゴのユニークな外観を提供するもう1つのオールキャップスセレクションです。読みやすいまま面白いです。その明確な特徴は、各文字に二重線が含まれていることと、一種のステンシルのように見える改行が含まれていることです。

4.上品なマリサ

上品なマリサもあります。このモダンなフォントはエレガントで流動的で、ロゴとヘッダーに薄くて可憐なフォントオプションを提供します。非常に興味深い合字、代替グリフ、装飾もあり、共有したいテキストにさらに個性を追加します。

5.カンター

カンターは別の素晴らしい選択です。これは、すべて大文字で間隔が狭くなっているサンセリフフォントです。 3Dオプションと目立つドロップシャドウを含む6つの異なるウェイトもあります。

6.ラッキー

ラッキーは、検討する価値のあるもう1つの最新フォントです。これは、ロゴやヘッダーとしてうまく機能する可能性のあるもう1つのサンセリフセリフです。雑誌やオンライン出版物に簡単に適用できる、明確な編集品質も備えています。

7. Zafir

Zafirは、検討する価値のあるもう1つの最新フォントの選択肢を提供します。プレゼンテーションでは非常に最小限です。 Zafirはもう1つのオールキャップスオプションです。これは、曲線と全体的に興味深い外観を備えたセリフフォントであり、ロゴやタイトルに適しています。

8.入り江

または、入り江を使用することもできます。ライトとボールドの2つのウェイトが付属しており、最新のプロジェクトにエレガントで合理化されたフォントオプションを提供します。標準のテキストやタイトルやヘッダーにも使用できます。それは本当に多目的です。

9.Azonix

Azonixは、今度は未来的な曲がりくねった、もう1つの最新のフォント選択を提供します。幾何学的な外観を強調するサンセリフ書体です。それはすべてキャップであり、SF映画のオープニングクレジットシーケンスで使用できるように簡単に見えます。

10.アーキップ

Arkhipは、過ぎ去った時代を思い起こしながら、モダンなデザインを維持するもう1つのフリーフォントセレクションです。ロシアのタイポグラフィの要素を使用して、モダンで真に新しいものを作成します。

11.プライム

Primeと呼ばれる考慮すべき別のフォントがあります。大胆なラインが特徴で、全体的に未来的な外観のモダンなサンセリフフォントです。幾何学的な角があり、未来的またはテクノロジーをテーマにしたWebサイトに最適です。

12.グローバー

Globerは、もう1つの最新のフォントです。このフォントファミリには、9つのアップライトと9つのイタリックが均等に分割された18のウェイトが含まれています。これは、読みやすく、タイトルや本文など、さまざまな状況に簡単に適用できるサンセリフフォントです。

13.MADEジェントル

MADE Gentleは、検討に値するもう1つのモダンな書体です。ソフトセリフと見なされ、CooperBlackフォントに触発されました。これは大胆ですが丸みを帯びており、1970年代の古い本の表紙や看板を彷彿とさせます。

14.北欧

Nordicはモダンであり、クラシックでもあり、2つの書体と3つのウェイトから選択できます。デザインはノルウェーのルーン文字に触発されており、タイトル、見出し、ロゴでの使用に最適です。

15.マダック

Maddacフォントは、Webサイトにスタイリッシュなオプションを提供します。それは大胆で、ブロック状で、サンセリフです。デザインはモダンで、実行はユニークです。各文字は、そのデザインの1つの側面に対してわずかな角度または傾斜があり、方程式に少しスタイルを提供します。

16.クロックス

Crocはこんなにかっこいいフォントではないですか？ノスタルジックでありながらフレッシュなアイコニックなスタイルの大胆なセリフ書体です。

17.アクア

Aquaは、注目すべきもう1つのフォントです。これは、時代を超越したように見えるアールヌーボーの品質を備えています。大胆でありながらシンプルで、他の同様のフォントとは一線を画す装飾と合字が特徴です。

18.マニフェスト

マニフェストで大胆な発言をしてください。このフォントは、イタリアの合理主義運動に触発されており、明らかに編集上の品質を備えています。見出し、ロゴ、タイトルに使用します。印刷やオンラインデザインに使用します。そのように本当に用途が広いです。

19.オークニー

Orkneyは、プロ並みの素敵なフォントです。書体は幾何学的なデザインで、さまざまな目的に使用できます。タイトルやロゴに使用します。標準テキストに使用します。印刷物またはデジタルメディアで使用してください。ここは空が限界です。

20.エルッパ

Elppaは、魅惑的で多面的な未来的な外観をしています。書体は非常に最小限でありながら、宇宙時代のような感覚も捉えています。印刷やウェブデザインに使用します。ロゴやタイトルには機能しますが、本文テキストではないかもしれませんが、グラフィックスなどには間違いなく役立ちます。

21.トウモロコシ

Cornは、角が丸く、ファームスタイルの雰囲気を持つ興味深いフォントです。これは、タイトル、ヘッダー、ロゴにすぐに使用できる14の異なるスタイルで構成されています。必要に応じて、一部のスタイルを本文テキストに使用することもできます。これでサイト全体のデザインを構築できます。

22.コリコ

または、さまざまな目的に即座にアピールできる非常に楽しいフォントであるKolikoを選択することもできます。 3つのスタイルがあり、それぞれが形と機能の完璧な融合を取り入れています。

23.癖

Quirkは、実際にはかなり風変わりなフォントです。その名前は良い選択です。これは、楽しい合字と積み重ね可能な要素を含むオールキャップスフォントです。

24.ル・フレンチ

Le Frenchは、ヴィンテージのフレンチカフェの雰囲気を再現したい場合は特に、洗練されたフォントの選択肢です。メニューや食品関連のウェブサイトに最適です。タイトル、ヘッダー、ロゴ、本文にも使用できます。

25.ミュンヘン

ミュンヘンは素敵なサンセリフフォントの選択肢であり、ロゴやタイトルグラフィックに最適です。背が高く、威嚇することなく堂々と立っています。

26.北西

Northwestは、レトロな雰囲気のモダンなスタイルのフォントです。キャンペーンギアのロゴやアウトドア雑誌のタイトルを彷彿とさせます。箱型のセリフと装飾的な要素を備えたこのフォントは、あらゆる種類の屋外をテーマにしたコンテンツに適しています。

27.モデカ

モデカは箱型でモダンで、正直言ってとてもかっこいいです。これは、さまざまな方法での使用に適応できる最新の選択肢です。各文字に角度を追加することで、次のプロジェクトにぴったりのユニークなスタイルを提供します。

28.免責事項

免責事項は、さまざまな目的に最適な、狭くて大胆なフォントの選択肢です。それは文字を高くて印象的に立たせる超凝縮されたスタイルを持っています。これは、ヘッダーまたはタイトルに最適です。

29.5番街

5thアベニューは、公式のロゴやブランディングに適したクラシックな空気で積極的にファンシーです。それは、スタイルと興味を追加するたくさんの代替文字のおかげで際立っているセリフを備えた大胆なフォントです。

30.クアキエズ

Quakiezは、リストにセリフオプションを提供するもう1つの最新のフォントの選択肢です。それは贅沢を念頭に置いて設計されましたが、それでもミニマリズムの要素を維持しています。 2つのスタイルがあり、ロゴ、タイトル、ヘッダーなどに使用できます。

31.モダンアウトドア

または、Modern Outdoorを選択して、すぐにキャンプやアウトドアを目で確認することもできます。このフォントは、タイトル、ヘッダー、ロゴに最適で、ポスターに大きな影響を与えます。それは注意を必要とし、すべてのキャップにきれいに座ることは、そのアウトドア感をさらに確実にします。

32.双曲線

最新のフォント：双曲線

双曲線は丸みを帯びた未来的なものです。実際、それはポジティブにスペーシーに見えます—良い意味で。このフォントは、全体的に箱型の形状を維持しながら、カウンターを丸めています。

33.ボクシング

Boxingフォントは箱型できれいで、ヘッダー、タイトル、ロゴに最適です。それはすべてキャップで、背が高く、見た目が面白いです。何よりも、それは非常に機能的であり、無数の方法で再利用することができます。

34.ソンダー

Sonderは、本当に別の多面的なフォントです。スラブとサンセリフのフォントオプションが付属しています。複数のウェイトと、通常のラフなスタイルが付属しています。ラフなスタイルは文字にいくつかのギャップがあり、素朴で自然な外観を作り出しています。

35.ロンボク

ロンボクは非常にエレガントな薄い書体です。それはそれを際立たせて非常にユニークに見えるようにする幾何学的要素を備えたサンセリフオプションです。ヘッダー、ロゴ、タイトルに最適です。

36. Distrito

Distritoは、独特のスタイルを持つオールキャップスフォントです。各文字はわずかに傾斜しており、ロゴやヘッダーでの使用に適した独自の外観を提供します。また、コロンビアのモジュラーデザインに触発されたオールキャップスフォントです。

遅いホストにうんざりしていませんか？ Kinstaは、スピードとパフォーマンスを念頭に置いて構築されています。私たちの計画をチェックしてください

37.エルロン

エルロンは、エイリアンの看板に表示されるフォントのように見えます。そしてそれはこの美的感覚をうまく達成します。それはサンセリフとすべてのキャップであり、タイトルとヘッダーが最適ですが、どこに配置しても影響を与えます。

38.エスナ

エスナはクラシックな外観ですが、モダンなスタイルです。これは、ヒューマニストデザインに触発されたサンセリフフォントファミリーであり、ヴィンテージとモダンなデザイン要素を組み合わせて新しいものを作成するのに適しています。これはどのユースケースでもうまく機能します。

39.ノエル

Noelleは、ポジティブな第一印象を与える準備ができている幾何学的なセリフフォントです。デザインはミニマリストであり、あらゆる業界のタイトルやヘッダーに適しています。ヴィンテージの要素がいくつかありますが、それでも新鮮に見えます。オンラインまたは印刷物で使用してください。さらに、ボーナスとしてスクリプトフォントが付属しています。

40.続編

Sequelは、ロゴやヘッダーに最適な丸みを帯びたフォントです。何よりも、スタイルを提供し、それらを使用して作成するものすべてに興味を追加する多数の合字が付属しています。ここのデザインは大胆ですが、印象的ではありません。

41.より高い

より高い

Higherは、クラシックな外観を提供するもう1つの洗練されたフォントの選択肢です。このオールキャップスフォントは非常に凝縮されており、要求が厳しく、使用するものすべてに即時のスタイルを提供します。

42.ナノ

Nanoは、未来的な外観を持ち、すべて小文字である非セリフフォントであり、このリストのユニークなオプションになっています。文字自体は非常にモダンで識別可能であるため、ロゴやその他のブランド素材に最適です。ただし、短いフレーズには最適です。長い文は少し判読できない場合があります。

43.ジョリン

Jollinは、いくつかの文字に巻き毛の手がかりがあり、全体的に分厚い外観のモダンなフォントです。このサンセリフフォントは、通常のイタリックバージョンで提供され、さまざまな代替文字が含まれているため、気分に応じてテキストをよりシンプルまたはより洗練されたものに見せることができます。

44.現象

Phenomenaは、エッジが丸みを帯びた細くてブロック状のフォントです。それは声明を出し、タイトル、ロゴ、またはヘッダーに簡単に使用できます。細いものから太いものまで7種類のスタイルがあり、標準的なテキスト使用の機会もたくさんあります。

45.キャリバー

Calibreは非常に凝縮されたフォントであり、コンテンツを許可すると、コンテンツの上にそびえ立つことができます。これはオールキャップスのオプションであり、数字、グリフ、西洋文字も含まれています。

46.日曜日

日曜日は間違いなく現在の時代のセリフフォントですが、否定できないクラシックな雰囲気もあります。従来の同様のフォントよりも薄くて曲線的で、雑誌の見出しやタイトル、Webサイトのロゴ、ヘッダーなどに合うスタイルになっています。

47.礎石

Cornerstoneは、ロゴからヘッダーまで、さまざまなアプリケーションで機能するモジュラーデザインを提供するもう1つのブロックフォントです。

48.ある日

One Dayは、それをユニークにする興味深い切断線を備えた細いフォントです。これは、軽くて薄いスタイルのもう1つのすべて大文字のフォントです。数字とグリフが含まれており、箱型になりすぎずに幾何学的に感じられます。

49.コレクティフ

Kollektifは、さまざまな方法で使用できる古典的に現代的なフォントです。幾何学的なデザインで、2つのウェイトがあります。また、印刷とWebの両方の使用に最適化されています。

50.懐かしさ

次に、ノスタルジアがあります。これは、何十年も前に作成されたかのように感じさせるのに十分なレトロな魅力を備えたモダンなフォントです。 3つのフォントに加えて、代替のグリフ、合字、および花が含まれています。ロゴ、タイトル、ポスター、または招待状に最適です。

51.エリクシア

エリクシアは錬金術師の隠れ家にふさわしい空気のような外観をしています。それは幾何学的であり、ユニークなスタイルを提供する各文字に余分な線の角度が含まれています。

52.サーモン

または、サーモンを選ぶこともできます。このサンセリフフォントは太字で最小限です。タイトル、ロゴ、ヘッダーに最適です。それはオールキャップスのデザインであり、同様にうまく組み合わせることができる塗りつぶされた輪郭のあるバージョンが含まれています。

53.Thinoo

Thinooは別のサンセリフフォントです。細くて大胆なスタイルが付属しており、数字、記号、句読点を含むすべての文字スタイルが含まれています。プロフェッショナルでクリーンです。シンプルでありながら人目を引く。これは、印刷物だけでなく、あらゆるタイプのWebサイトでうまく機能します。

54.夏の愛情

または、Summer Lovingを使用することもできます。これは、複数のフォントスタイルを含む非常に楽しいモダンなフォントで、1つのフォントだけを使用してデザイン全体を作成できます。サンセリフフォントとペイントブラシのディテールが付属しており、プロジェクトにすぐに次元を追加できます。合字と代替文字も含まれます。

55.シルバーフェイク

Silverfakeは、タイトル、ロゴ、ヘッダー、および印刷物用に、間隔の広いセリフフォントオプションを提供します。これは、たとえばTシャツのロゴとして見栄えがします。

56.ウィーン

最後に、ウィーンがあります。このモダンなフォントは、雑誌の表紙に使用されているクラシックフォントの魅力をすべて備え、現在の美学にアピールするのに十分な修正を加えたセリフオプションです。最小限で、すべて大文字の文字、数字、句読点が含まれています。

最新のフォントがWordPressWebサイトに必要なものである場合は、このガイドで50以上の新しいオプションを確認してください。クリックしてツイート

概要

WordPressサイトでカスタムフォントを使用する理由はいくつかあります。ブランディングに合わせたい場合でも、すべてのブラウザでコンテンツを読みやすくしたい場合でも、独自のモダンなスタイルのフォントをアップロードすることは価値があります。

それでも、このプロセスは最初は気が遠くなるように思えるかもしれません。フォントを見つけてダウンロードし、.zipファイルに入れてから、FTPクライアントを使用してWebサイトの正しいディレクトリにアップロードする必要があります。コードスニペットをテーマのCSSファイルの適切な領域に貼り付ける必要があります。これを手動で行うか、プラグインを使用して行うかを選択できます（または開発者を雇うこともできます）。

ただし、このプロセスにどのようにアプローチしても、最終結果はスタイリッシュになり、サイトの全体的な外観に個性を加えることができますので、ご安心ください。ここで厳選した最新のフォントのコレクションが、WordPressサイトに適したフォントを見つけるのに役立つことを願っています。大胆であろうと細いものであろうと、丸みを帯びていようと粗いものであろうと、装飾されていようと無地であろうと、選択したフォントはインパクトを与えます。

（推奨読書：WordPressでページを非表示にしてタイトルを投稿する方法）