追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

Font-familyメーカーは、指定したいフォントをドラッグ&ドロップするだけで、CSSのfont-familyを生成してくれるWEBサービスです。

Font-familyメーカーの使い方

Font-familyメーカーにアクセスして、追加しちあフォントを下部の領域にドラッグ&ドロップするだけです。

Font-familyメーカー

font-familyの指定は、「ダブルクリックでコピー」の部分にリアルタイムで表示されます。例えば、游ゴシックとメイリオを選択すると、以下のようなCSSが表示され、ダブルクリックすると全体をコピーできます。

font-family: YuGothic,'Yu Gothic','メイリオ', Meiryo,sans-serif;

追加したフォントを削除したい場合は、「ここにドラッグして削除」の部分にドラッグ&ドロップします。

あとがき

font-familyの指定が簡単に作成できて便利ですね。追加できるフォントの種類もOSやデバイス毎に分かれていてわかりやすいです。

font-familyで指定するフォントに迷ったときは、ぜひご活用ください。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です