![見出し画像](https://assets.st-note.com/production/uploads/images/140752603/rectangle_large_type_2_86fd4f518221cac08b505a6b20bb1359.jpeg?width=1200)
厳選書体20選
「Google Fonts」には1,000種類、「Adobe Fonts」には20,000種類、世界最大級のフォントプラットフォームである「My Fonts」には、現在270,000種類ものフォントが収録されています。無数の小さなサイトを含めずとも、世界に存在するフォントの総数は計り知れません。
自分らしい表現ツールとして、「MSシリーズ」や「Arial」などの広く使われてきたフォントの外に、選択肢を探してみるのも楽しいと思います。
本記事では、僕がここ3年ほどで少しずつ集めた、お気に入りのフォントたちから20種をご紹介します。それぞれのダウンロードサイトも掲載しておりますので、気に入るものがあればぜひ、ご自身の創作にお役立てください。
主要フォントサイト
// Google Fonts
// Adobe Fonts
// My Fonts
// DaFont
// モリサワ(国内最大手フォントメーカー)
パソコンへのインストール方法
![](https://assets.st-note.com/img/1717862660568-DOyYNj2nn3.jpg?width=1200)
① サイトからダウンロードしたフォントデータのZIPファイルを、〈右クリック → すべて展開 → 展開〉より解凍をおこないます。
![](https://assets.st-note.com/img/1717862783993-wWxz44JnNR.jpg?width=1200)
② 解凍ファイル内のフォントデータを、〈右クリック → インストール〉よりパソコン本体へインストールします。
![](https://assets.st-note.com/img/1717863686142-U5jACspbaV.jpg?width=1200)
③ IllustratorやPowerPointなど、フォントを使用したいソフトが開かれている場合はそれを再起動することで、すべてのソフトにおいて外部フォントが使用可能になります。
※ パソコンを変えたり他者へデータを渡した際には、そのパソコンに外部フォントがインストールされていない限り正しく表示されませんので、注意してください。
では1つずつフォントを紹介していきます。
Weight / 文字の太さ
Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, Heavy, Black
Width type / 一文字当たりの幅
Monospace→文字によらず常に一定, Proportional→文字によって幅が変化
英語 / 一般
![](https://assets.st-note.com/img/1715799061425-G7plEyAkGf.jpg?width=1200)
![](https://assets.st-note.com/img/1722776256643-yrsNGr3DJC.jpg?width=1200)
MADE TOMMY
Weight / Thin, Light, Regular, Medium, Bold, ExtraBold, Black
Width type / Proportional
Download site.
線が等幅で、アスペクト比が1:1に近い、癖のない非常に無垢なフォントです。
![](https://assets.st-note.com/img/1715798190988-7iPiM0CtoR.jpg?width=1200)
![](https://assets.st-note.com/img/1722776338145-kGie6r42EN.jpg?width=1200)
Coco Sharp
Weight / ExtraLight, Light, Regular, Bold, ExtraBold, Heavy
Width type / Proportional
Download site.
「MADE TOMMY」と似ており等幅な線と1:1のアスペクト比をもつフォントですが、QやGがより簡潔で、Mの両端が倒れているという違いがあります。またWが特徴的で良いアクセントにもなります。
![](https://assets.st-note.com/img/1715798191040-Jq5gr5SUq6.jpg?width=1200)
![](https://assets.st-note.com/img/1722776346448-u26pgO1QCT.jpg?width=1200)
Roboto
Weight / Thin, Light, Regular, Medium, Bold, Black
Width type / Proportional
Download site.
Appleが開発した、美しく判読性も高いフォントに「San Francisco」というものがありますが、MacOS以外では使用できません。このフォントはそれに最も近しいWindowsOSでも使用可能なフォントで、AndroidやChromeのUIに使用されており、GoogleFontsでは利用者数第2位を誇っています。
![](https://assets.st-note.com/img/1715798190925-3dzS5PMwOE.jpg?width=1200)
![](https://assets.st-note.com/img/1722776353838-F02qR5crZO.jpg?width=1200)
Z BONUS 01
Weight / Only one type
Width type / Monospace
Download site.
細身ながらも線は等幅で読みやすいフォントです。文字も数字も、すべての端部が水平垂直に揃えられています。
![](https://assets.st-note.com/img/1715798191030-YO4tWfIoWG.jpg?width=1200)
![](https://assets.st-note.com/img/1722776359772-SUhJ0Hie7z.jpg?width=1200)
Typo Ring Demo
Weight / Light, Regular, Bold
Width type / Proportional
Download site.
小文字がかわいいフォントです。あらゆる円弧の曲率が統一されており、特異な文字ながらも澄んだ印象があります。
英語 / 特殊
![](https://assets.st-note.com/img/1715798191165-X12wMkfXbe.jpg?width=1200)
![](https://assets.st-note.com/img/1722776388048-JgEkVbFdIc.jpg?width=1200)
DESIGNER
Weight / Only one type
Width type / Proportional
Download site.
A,B,D,E,Fが特に抽象化されています。前後の綴りからなんとなく意味が判読できる、読みにくさがちょうど良いフォントです。
![](https://assets.st-note.com/img/1715798191361-x6JBdhbWo4.jpg?width=1200)
![](https://assets.st-note.com/img/1722776394977-oK0xSKUThB.jpg?width=1200)
Impact Label
Weight / Only one type
Width type / Monospace
Download site.
タイプライターやテプラを思わせる、レトロなフォントです。盛大に文字間をとっても画としてのまとまりがあります。
![](https://assets.st-note.com/img/1715798191360-sDoGNC0yU6.jpg?width=1200)
![](https://assets.st-note.com/img/1722776400633-d5drSGJANV.jpg?width=1200)
Seven Segment
Weight / Only one type
Width type / Proportional
Download site.
デシタル文字盤を模したフォントはいくつかありますが、線分間隔やプロポーションなど、その中で最も癖のない素直なフォントです。
![](https://assets.st-note.com/img/1715798192022-9XKeDeOn3F.jpg?width=1200)
![](https://assets.st-note.com/img/1722776409665-5F31lEtCmr.jpg?width=1200)
Display Dots
Weight / Only one type
Width type / Proportional
Download site.
ドットで描く特殊な文字ですが、大文字/小文字、数字、記号まで幅広く収録されています。縦横のドット間隔は等しくなっています。
![](https://assets.st-note.com/img/1716114684117-MLDZeNWMd8.jpg?width=1200)
![](https://assets.st-note.com/img/1722776416206-366pri3QPq.jpg?width=1200)
A bite
Weight / Only one type
Width type / Proportional
Download site.
文字が擦れる種類のフォントは数多くありますが、なかでも、その砕けた粒子が非常に精細なフォントです。そのため大きく使用しても高い解像感が保たれます。
英語 / スクリプト
![](https://assets.st-note.com/img/1716114691191-cL5epTIFxJ.jpg?width=1200)
![](https://assets.st-note.com/img/1722776455355-Cl0Kv2t69Q.jpg?width=1200)
The Rambler
Weight / Only one type
Width type / Proportional
Download site.
手書きによる些細なブレや、端部の滲みなどまで忠実に再現されたスクリプト(手書き風)フォントです。
![](https://assets.st-note.com/img/1715798194456-en0b3MTrzQ.jpg?width=1200)
![](https://assets.st-note.com/img/1722776463815-bG8URQdnYb.jpg?width=1200)
The Historia Demo
Weight / Only one type
Width type / Proportional
Download site.
平筆で豪快に描かれたフォントです。線の中にも擦れが含まれていて、その勢いが強化されています。
![](https://assets.st-note.com/img/1715798194614-MgBMV7mfZn.jpg?width=1200)
![](https://assets.st-note.com/img/1722776468422-mJW8VDYcs2.jpg?width=1200)
Rockness
Weight / Only one type
Width type / Proportional
Download site.
「The Historia Demo」を小筆に変えて少し落ち着かせたような印象です。サンプル画像では末尾にSが2つ続いていますが、位置が勝手にズレてくれるので、スクリプトフォント特有の不自然な反復が軽減されています。
![](https://assets.st-note.com/img/1715798195019-pu6STvGQcV.jpg?width=1200)
![](https://assets.st-note.com/img/1722776474992-FRQolSPznd.jpg?width=1200)
Carlista Buttery
Weight / Only one type
Width type / Proportional
Download site
万年筆で書かれたような上品なフォントです。読ませる気はないけどワンポイント欲しいとき、また署名の表現に向いています。
![](https://assets.st-note.com/img/1715804930606-q5ZNVV16JN.jpg?width=1200)
![](https://assets.st-note.com/img/1722776481072-4zOC49N7lB.jpg?width=1200)
Sister Spray
Weight / Only one type
Width type / Proportional
Download site.
グラフィティ風のフォントです。「#」や「@」などの記号を打ち込むことで、文字以外に飛沫や線なども記述可能です。
日本語 / 明朝体
![](https://assets.st-note.com/img/1716114703580-7DIrrj1du3.jpg?width=1200)
![](https://assets.st-note.com/img/1722776489257-7RjWL9TfuJ.jpg?width=1200)
はんなり明朝
Weight / Only one type
Width type / Monospace
Download site.
アスペクト比が1:1に近い丸みのあるフォントです。「はんなり明朝」の表記はひらがなとカタカナのみで、漢字は「IPA明朝」で補完されています。
![](https://assets.st-note.com/img/1715798195839-ls0xSbND5s.jpg?width=1200)
![](https://assets.st-note.com/img/1722776496025-mFKdTacTJz.jpg?width=1200)
しっぽり明朝
Weight / Regular, Medium, SemiBold, Bold, ExtraBold
Width type / Monospace
Download site.
「はんなり明朝」の癖を少し抑えたようなフォントです。「しっぽり明朝」の表記はひらがなとカタカナのみで、漢字は「源流明朝」で補完されています。
日本語 / ゴシック体
![](https://assets.st-note.com/img/1716114716847-OE9hFkoTBN.jpg?width=1200)
![](https://assets.st-note.com/img/1722776502183-35dbdea0qc.jpg?width=1200)
日暮れゴシック
Weight / Light, Regular, Medium, Bold, Black
Width type / Monospace
Download site.
ひらがな、カタカナ、漢字すべてにおいて墨だまり(内角に丸み)のあるゴシック体です。単調なゴシック体が感情を持ちあわせたような姿で、游ゴシックは好きだけど少し物足りないと思う方におすすめです。
![](https://assets.st-note.com/img/1715798196181-p0zOu4Fby1.jpg?width=1200)
![](https://assets.st-note.com/img/1722776520316-nkrY3LFaST.jpg?width=1200)
しっぽりゴシック
Weight / Only one type
Width type / Monospace
Download site.
「日暮れゴシック」同様に墨だまりを抱えたフォントで、文字全体も丸みを帯びているので、よりやわらかな印象です。
![](https://assets.st-note.com/img/1716114725291-L5mr0UFB4E.jpg?width=1200)
![](https://assets.st-note.com/img/1722776529353-8ONFeM84AW.jpg?width=1200)
全丸ゴシック
Weight / Light, Regular, Medium, Bold, Black
Width type / Monospace
Download site.
内角、外角、端部のすべてが丸められたフォントです。ですが、線分自体は概ね水平垂直の軸に則っていますので、丸いながらも柔らかさや可愛さに媚びきらない印象です。
2024.5.16