適切なWebフォントスキーム/組み合わせを見つけるためのリソース

私は中小企業のクライアントのためにフリーランスのウェブサイトのデザイン作業を始めました。私の仕事の一部は、作成するサイトで使用するフォントを選択することです。

タイポグラフィが私の得意ではないことを考えると、Webフォントを使用したスキーム/組み合わせのコレクションを提供するWebサイトがあるかどうか疑問に思っていました。「スキーム」とは、連携して機能する/見栄えのよいフォントの小さなリストのような単純なものを意味します。たとえば、ヘッダーにはフォントA、サブヘッダーにはフォントB、本文のコピーにはフォントCなど。基本的には何かWebフォントを除いて、Color Combosに似ています。

このようなサイトは、うまく機能するフォントを選ぶのが苦手な私のような人々にとって、すばらしいリソースになると思います。含まれているフォントスキームのいずれかが完全に無料で使用できるWebフォントで構成されていることをWebサイトが示していれば、明らかに実装が非常に簡単です。

それで、誰かがこのようなウェブサイトを知っていますか？

これはまさにあなたが探している答えではありませんが、いくつかの考えがあります：

Hoefler＆Frere-Jonesは、文字体裁の大部分を占めています。彼らはしばらくメールを送信しましたが、素晴らしいフォントの組み合わせ（もちろんフォントも）がいくつか示されていますが、上部には適切なルールがリストされています。

...すべてがH＆FJの高度に科学的な第一のフォント結合原理に基づいて構築されています。

彼らはさらにいくつかの本当に難解な類似点と相違点（本当にうまくいく）を示していますが、そのルールは覚えておくことは良いことです。ヘッダーテキストにsans-serifを使用する場合は、本文のコピーにserifを使用します。ストロークが太いものがある場合は、細いものと比較してください。バウハウスとベンボは少し似たスレッドで説明したように、あまり共通点はありませんが、バウハウスとフューチュラは、厚みと全体的なガーリッシュが異なる一方で、いくつかの幾何学的な文字形を共有しています。

使用中のフォントは、インスピレーションを得ることができるすばらしいリソースです。Webセクションにリンクしました。彼らはフリーフォントを扱っていませんが、うまくいけば、これが役に立つとわかるでしょう。

私はこのウェブサイトを徹底的にお勧めします：http : //hellohappy.org/beautiful-web-type/。それほど多くの組み合わせはありませんが、彼らはそのような刺激的な方法でそれらを紹介します。

すべてのフォントは、すばらしいGoogle Font Directoryから無料で商用利用できます。

あなたは何を見るために、独自の組み合わせを試してみたい場合は、あなたが（それはすべての後に、最も重要なことだと）、同じように行くhttp://font-combinator.com/にテキストの数ブロックを編集するための優れたツールがあります場所無料のGoogle Fontリソースを使用して、それらがどのように連携するかを確認します。

よりインスピレーションを得るために、「Google Font Combinations」で検索してください。

フォントの理解を深めるには、https：//typekit.com/を参照してください。

彼らはウェブデザインに使用する素晴らしいフォントのコレクションを持っています、そしてグーグルフォントでさえ無料のフォントの良いコレクションも持っています。

フォントの操作、フォントの操作。フォント選択が上手になる唯一の方法です。

fooont.comを試しましたか？これは、Google Webfontsでホストされているフォントのペアのみで構成されています。

CSSファイルをダウンロードして、Webサイトですぐに使用できます。これが役立つことを願っています:)

Mixfontは、Google Fontsのさまざまなペアリングを紹介し、ユーザーにお気に入りのペアリングを支持してもらう 1つのサイトです。

フォントの組み合わせを提供しているサイトはたくさんあります。まだ言及されていないものには、

• Femmebot -Googleフォントペアリング用。
• フォントペア -Googleフォントペアリングにも使用できます。
• Canva-より一般的なフォントの組み合わせ。
• DesignModo-より一般的なフォントの組み合わせ。
• FontJoy-ディープラーニングを使用してフォントペアをランダムに生成します。

Typewolf.comをお勧めします。このサイトは、エレミヤショアフというデザイナーが運営しています。

特に役立つと思う2つのセクションがあります。

1. フォントの推奨事項とリストには、いくつかのフォントの組み合わせのリストが含まれています。
2. Web Fonts in the Wildは、推奨されるペアリングのリストとWeb全体からのフォントペアリングのサンプルを含むフォントのデータベースです。

このサイトには、類似/代替フォントの優れた索引も掲載されています。これは、予算に余裕がある場合に特に役立ちます。