どうも7noteです。フォント素人へ、この便利ツールよ届け！

フォントって本当にたくさん種類がありますよね。明朝体からゴシックや英数専用のフォントなど様々あります。

前置きはおいといて、デバイスごとにどのフォントが使えるのか簡単に知る方法、知りたくありませんか？

今回は私がフォント選びでよく使うフォントツールをご紹介

フォント選びが簡単「フォントファミリーメーカー byサルワカ」

リンク： https://saruwakakun.com/font-family

何がすごいかというと

windows mac ios のデフォルトフォントが何かわかる
直感的なUIで簡単にオリジナルフォントファミリーが作れる

いや、ほんとにこれめっちゃ便利ですよ。

使い方

「優先させたいフォントから順番に下の黒いボックスにドロップするだけ。」

たとえばヒラギノ優先で作りたいのであればこんな感じ。
最後に游明朝を入れてwindowsにも対応させる。

あとは最後に一番下のところをダブルクリックでコピー完了！
以下のようなテキストをコピーできます。

font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',YuGothic,'Yu Gothic', 
sans-serif;

まとめ

フォント選びって結構重要です。フォントによっては文字サイズが変わってデザインが変わって時にはコーディングの仕方も変えないといけない場合もありますからね。

あと、アンドロイドがないのは端末によって入っているフォントが違うためです！
便利なのでぜひ使ってみてくださいね。

Font-familyメーカー：フォント種類一覧からサクッと指定

おそまつ！

~ Qiitaで毎日投稿中!! ~
【初心者向け】WEB制作のちょいテク詰め合わせ