7つのゴージャスなフリーでオープンソースの書体とそれらをいつ使用するか
公開: 2022-03-10フォントの選択とペアリングのプロセスを容易にするために、これらの書体が最近どのように使用されているかの例と、いくつかのペアリングのアイデアを紹介しました。 楽しんでください。Twitterで私にpingを送信して、それらをどのように使用したかを示すことを忘れないでください。ぜひご覧ください。
ギャンググロテスク
AdrienMidzicによって設計されたGangsterGroteskは、わずかに内側に湾曲した角度の付いた終端ストロークを備えた現代的なグロテスクです。 これらの風変わりな個々のタッチのために、書体は、大きなサイズで使用されると、見出しやポスターに独特の風味をもたらします。 コントラストが低く、幅がわずかに凝縮されているため、本文のコピーやその他の小さなタイプサイズのテキストにも適しています。
フォントファミリーには、ライトからボールドまでの3つのウェイトがあり、ルーピーで表現力豊かなアンパサンドなど、スタイルが異なります。 ギャングスターグロテスクは、フレッシュフォントニュースレターにサインアップすると無料で提供されます。

- GangsterGroteskをダウンロード→
推奨されるフォントの組み合わせ
ギャンググロテスクをタイトルに適用する場合、風変わりなグロテスクは、FFAtmaなどのテキスト設定用の低いエックスハイトセリフとよく合います。 代わりに小さなポイントサイズで使用され、GangsterGroteskとLeMurmure(以下を参照)を組み合わせると、キャラクターとニュートラルの適切な組み合わせが提供されます。
使用事例
ギャングスターグロテスクは、たとえば東京を拠点とする沖田十里がペルズコーヒーのためにデザインしたこのチラシで、テキストの文字列をレンダリングするように求められたときに、強い色のパンチの効いたデザインに優れています。

ル・ムルムレ

最近、タイプディレクターズクラブから活版印刷の卓越性の証明書を授与されたLe Murmureは、フランスのデザインエージェンシーであるMurmureからブランドイメージの更新を依頼されました。 雑誌のタイトルフォントからインスピレーションを得たLeMurmureは、文字の間に興味深い不一致がある凝縮されたサンセリフであり、大きなサイズでの使用に特に特徴的です。 その高さとその形の特異性は、実験と創造性の概念を伝えながら優雅さを提供します。 Le Murmureには、オリジナルの代替文字が多数付属しており、すべての代替文字を「ランダム化」する文体セットもあります(SS08)。
- LeMurmureをダウンロード→
推奨されるフォントの組み合わせ
タイトルフォントとして使用されるLeMurmureは、標準CTのような暖かい曲線のサンセリフや、Dinamoの預言者のようなより顕著な不規則性のあるサンセリフとうまく組み合わせることができます。
使用事例
マラケシュの無題のデュオは、スタジオのウェブサイトの見出しにLe Murmureを選び、ナビゲーションにはClassic Sansを追加し、本文にも小さいサイズで使用しました。


レフォルマ

Reformaは、400年以上の歴史を持つ教育機関であるアルゼンチンのナシオナルデコルドバ大学のためにPampaTypeによって設計された特注の書体です。 書体は3つのサブファミリーで構成されています。クラシックなセリフであるReforma1918、モダンなSansであるReforma 2018、および他の2つの品質(微妙な変調とフレアセリフ)を組み合わせた中間ハイブリッドであるReforma1969です。 私は、3つのサブファミリーすべてが、表示から没入型テキストまで、幅広いボディにうまく適応することを発見しました。それぞれのサブファミリーには、イタリック体が一致する3つの重みがあります。
- Reformaをダウンロード→
推奨されるフォントの組み合わせ
この書体は、さまざまなスタイル間の興味深い組み合わせを可能にします。 最も明白なのは、ディスプレイ用にReforma Sansを使用し、本文テキスト用に対応するセリフとペアリングすることです。 ただし、タイトル付けにセリフを使用して、より独創的なことをして、逆に試してみることをお勧めします。
使用事例
グラフィックデザイナーのEtiennePouvreauは、フランスのロアールエシェール県にある2つのカフェファミリーセンターの年次プログラムを作成するためにレフォルマを選びました。 小冊子には、見出しにイタリック体のReforma 1918(セリフ)、タイトル、サブタイトル、本文にReforma 2018(sans)が含まれています。

スペースグロテスク

フロリアンカルステンの新しい鋳造所は、この用途の広い幾何学的なサンセリフの背後にあります。 2016年にColophonFoundryがGoogleFonts用に設計した等幅フォントであるSpaceMonoから派生した、Space Groteskは、前任者のオタクな魅力と特定のレトロな未来の声を維持しました。 Space Groteskは、5つのウェイトで利用でき、本文から太字の見出しまで、幅広い用途に適しています。 さらに、5セットの交互の文字が付属しています。3番目の文字(SS03)は、大文字のA、M、N、V、Wと小文字のv、w、yの対角線のストローク間の接続を削除します。これは特に効果的です。独特の見出しを作成します。

- SpaceGroteskをダウンロード→
推奨されるフォントの組み合わせ
ご想像のとおり、SpaceGroteskはColophonFoundryのSpaceMonoとよく合います。これは、それが派生した書体であり、オープンソースであり、無料で使用できます。 または、セリフ書体と組み合わせたい場合は、FortescueやWremenaなどの先のとがったセリフとシャープなディテールを備えたものをお勧めします。これも無料で使用できます(以下を参照)。
使用事例
オーストラリアのシドニーに拠点を置くウェブデザインおよび開発スタジオであるLittle&Bigは、ブログエントリ、ヘッダー、フッターなど、ウェブサイトの本文フォントとしてSpaceGroteskを選択しました。 彼らはそれをVeronaSerialと組み合わせて、ウェブサイトにプロフェッショナルでありながら遊び心のあるルックアンドフィールを与えることにしました。


Syne

Syneは、パリ近郊のアートセンターであるSynesthesieの視覚的アイデンティティのためにBonjourMondeによって設計されたタイプファミリーです。 これは5つの異なるスタイルで構成され、フォントファミリ内の構造的差別化の概念を増幅します。SyneExtraは、大きなサイズでの使用を目的とした幅広で重いウェイトです。SyneRegularは、短いアセンダーとディセンダー(小文字で表示)を備えた幾何学的なサンです。とりわけg ')、より広い太字のスタイル、手書きのスタイルのイタリック、歪んだ外観の等幅フォントで補完されます。 ほんの数日前に更新されたSyneには、より多くの代替、まったく新しいアクセントのセット、および可変フォントバージョンが付属しています。
- Syneをダウンロード→
推奨されるフォントの組み合わせ
この書体の特徴は、さまざまなスタイルで遊んだり、それらの間に新鮮で非定型の関連付けを作成したりできることです。 たとえば、Syne Extraはタイトルや見出しに不思議に思っており、本文のコピーにはSyneRegularとうまく連携します。
使用事例
Syneは最近WeTransferによってアイデアレポート2018の結果を提示するために使用され、レポートのWebサイトとその美しいPDFコンパニオンで書体の5つの異なるカットを広範囲に使用しました。


VG5000

1984年にフィリップスによって作成されたコンピューターであるVG5000にちなんで名付けられたこの書体は、ピクセル化されたストロークと湾曲したストロークを遊び心を持って組み合わせ、古いデジタル形状と新しいデジタル形状の間の境界線をぼかします。 また、VG 5000の元のセットからの多くの初期の絵文字と絵文字が含まれているため、予期しない組み合わせを作成できます。 さらに、書体にはフランス語の現代的な性別を含む文字が付属しており、代名詞「il」と「elle」(「he」と「she」)をニュートラルな「iel」に置き換え、それらを組み合わせることで性別の単語に代わるものを提供します男性と女性のバージョン。
- VG5000をダウンロード→
推奨されるフォントの組み合わせ
ピクセル化された詳細のため、そしてその起源に忠実であり続けるために、VG5000を等幅フォント(たとえば、オープンソースでもあるLeague Mono)とペアリングすることをお勧めします。 または、入力のsansまたはserifバージョン、またはETCTrispaceのようなセミプロポーショナル書体とペアリングすることもできます。これも無料です。
使用事例
フランスのデザインスタジオBrandBrothersは、トゥールーズの文化的、芸術的、美食活動に特化した新しい用途の広いスペース、Les Halles de laCartoucherieの視覚的アイデンティティにVG5000を使用しました。 スペースの構造を表すカスタムのグリッドベースのロゴと組み合わせて、VG5000は、印刷物、スペースのWebサイト、さらには壁にも、VG5000のピクセル化された矢印を経路探索システムに使用して、大小両方のサイズで使用されました。 。


レメナ

Wremenaは、Roman Gornitskyによって設計され、モスクワを拠点とするファウンドリTypefaces of the TemporaryStateによって発行されたセリフ書体です。 そのデザインは、同じデザイナーによるフリーの書体であるVremenaに基づいていましたが、よりはっきりとした三角形のセリフとより鋭い角度が特徴であり、より重いウェイトでさらに目立つようになります。 Wremenaは、イタリックなしで、ラテン文字とキリル文字をサポートする3つのスタイル(ライト、レギュラー、ボールド)で利用できます。 Times New Romanと類似しているため、Wremenaは、人気の高い書体に代わる、無料のより現代的な書体として使用できます。
- Wremenaをダウンロード→
推奨されるフォントの組み合わせ
特定のフォントのペアリングを見つけるための良いヒントは、同じデザイナーによって作成された書体のライブラリを参照することです。これらはよくペアリングされることが多いためです。 これは特にこの場合に当てはまります。RomanGornitskyがWremenaに最適な2つのサンセリフを設計したためです。特徴的な小文字の「g」を備えたNowieVremenaと、最近では意図的な不規則性を備えた活気のあるフォントであるSteinbeckです。
使用事例
Jewish Museum and Tolerance CenterとReadymagが協力して、ロシアの脾臓プロジェクトを実現しました。これは、ロシアの風景画家であるIsaacLevitanが20世紀の映画撮影にどのように影響したかを探る絵のように美しいインタラクティブなウェブプロジェクトです。 デザイナーのPavelKedichは、Steinbeck(大きいサイズで使用)とWremena(ここではキャプションに使用)でWebサイトを植字することにしました。 どちらのフォントもマルチスクリプトであるため、ウェブサイトを英語とロシア語で利用できます。


今のところ以上です!
これらの無料フォントの使用方法の優れた例を紹介しましたが、Typewolfと使用中のフォントについてはさらに多くの例があります。 また、新しい高品質の無料のオープンソースフォントを見つけたい場合は、私のニュースレターのフレッシュフォントを購読してください。
すべての作品とスクリーンショットは、それぞれの所有者の所有物です。