ジオメトリックでFuturaちっくなOutfit
FLAPPERの英数字表示に使用しているフォントをOpen SansからOutfitに変更しました。
![](https://assets.st-note.com/img/1694739414115-chxwdAAJkF.png?width=1200)
Open Sansはクセがなく読みやすい。他のサイトでもよく使われるフォントということで導入していました。
記事内では日本語がほとんど。英文、特に長文を表示する機会がなく、これなら可読性重視のフォントでなくとも読みやすさを損なわないかなということでフォントの変更を検討。
![](https://assets.st-note.com/img/1694734539758-4uNOB5GlMb.png?width=1200)
ジオメトリック(幾何学的)でFuturaちっくなOutfitを採用しました。
サイト内で重視したのは数字です。
動画編集の説明ではパラメータの数値等で数字の表示機会が多くあります。この部分をもう少しデザイン性のあるフォントで、かつ読みやすいものとしてOutfitを選びました。
Open SansとOutfit、いずれもGoogle Fontsから無料で利用することができます。
Google FontsのフォントをWebサイト上で表示させる方法はFLAPPERで紹介しているので、興味のある方は参考にしてみてください。
![](https://assets.st-note.com/img/1694737045521-wMdBsM8IZn.png?width=1200)
フォントをPCにインストールしてソフトやアプリで表示させたい場合は、右上にあるDownload familyのボタンからダウンロードします。
利用する際は必ずライセンスを一読しましょう!
![](https://assets.st-note.com/img/1694737068964-uK7UNh4z6V.png)
Zipファイルを解凍してstaticフォルダにあるフォントファイルから必要なウエイトをインストールしてください。
Outfitは見出しやタイトルにもぴったりなので、これから動画内で使うことも多くなるかも。
この記事が気に入ったらサポートをしてみませんか?