Avenirに合うフォントの組み合わせ5選をライブプレビューで。無料のGoogle Fontsの代替3種と、ライセンスがある場合やインストール済みの場合だけAvenirを使うCSSフォントスタックも紹介します。
AvenirはAdrian Frutigerがデザインし、Linotypeが販売するすっきりとしたジオメトリック・サンセリフです。長文にはLoraやMerriweatherのようなしっかりしたセリフ体、見出しにはPlayfair Displayのようなコントラストの強いディスプレイ用セリフ体とよく合います。Webで使うにはAvenirの有料ライセンスが必要なため、Nunito Sansのような無料の代替フォントが役立ちます。
組み合わせのクイックガイド
Avenirの横に別のサンセリフを並べる必要はほとんどありません。Avenir自体がシンプルでモダンな役割をすでに担っているからです。うまくいく組み合わせは、形のコントラスト、たいていはセリフ体を加え、残りはサイズとウェイトに任せます。以下の各レシピを無料の代替フォントで試し、CSSをコピーしましょう。
Adrian Frutigerです。ファミリーはLinotypeが発行しており、Linotypeのフォントライブラリーは、Avenirの商標を持つMonotypeが所有しています。
いいえ。Avenirは商用フォントです。販売元はデスクトップ、Webフォント、アプリなどの用途別にライセンスを提供しているため、サイトから配信したい場合はWebフォントのライセンスを購入してください。
完全に同じ無料フォントはありません。Google FontsのNunito Sans、Mulish、Figtreeは、すっきりとして丸みのあるジオメトリックな雰囲気を持ち、SIL Open Font Licenseで公開されています。どれが最も近いかは見た目の判断なので、プレビューで比べてみてください。
Lora、Merriweather、Source Serif 4のように、開いた形を持つしっかりした本文用セリフ体がよくなじみます。大きな見出しには、Playfair Displayのようなコントラストの強いセリフ体を使うとより印象的になります。
Linotype自身のページによると、ダラス・フォートワース国際空港と香港国際空港のサインに使われており、アムステルダム市が2003年にコーポレート書体として採用しました。
3つともGoogle FontsでSIL Open Font Licenseのもとで公開されています。比較のコメントは、実際に並べて組んでみた私たちの判断です。
Avenirの代わりになるGoogle Fontsのファミリー
端末にAvenirがあればAvenirを使い、それ以外の人にはGoogle Fontsから無料で読み込むNunito Sansが表示されます。
レシピと無料の代替フォントを選んでください。端末にAvenirがインストールされていればAvenirが、なければ代替フォントが表示されます。多くの訪問者が実際に見るのと同じ表示です。
レシピ
Avenirの無料代替フォント
本文のサイズ
見出しにAvenir、本文にLora
見出しにPlayfair Display、本文にAvenir
見出しにAvenir、本文にMerriweather
すべてAvenir、2つのウェイト
見出しにAvenir、本文にSource Serif 4
長く使える、手作りのテーブル
すべての家具は地元のオーク材から切り出し、私たちの工房で手作業で仕上げています。ほとんどのご注文は3週間以内に発送し、40 km圏内は無料でお届けします。
コレクションを見る
この組み合わせのCSS
CSSをコピー
コピーしました。
コピーできませんでした。コードを選択して手動でコピーしてください。
プレビューでは、無料フォントをGoogle Fontsからブラウザーに読み込みます。Avenir自体がここでダウンロードされることはありません。
無料で始める · クレジットカード不要