フォント一覧

2016.03.13

英文フォントを気にせずブラウザ表示できる「Google Fonts」を使ってWebフォントを設定する

googlefonts

Webではパソコン内にインストールされているフォントしかブラウザに表示できません。この英文フォントかっこいーなーなんて設定しても相手が持っていなければ見えてませんね。そこで「Google Fonts」を使って任意のフォントを設定しちゃいましょう。ちなみにアカウント登録なども無いのでどなたでも使用できます。

2013.06.05

フォントをメイリオに設定すると空白が出来る

font_icon

font-familyをメイリオにすると空白が出て困った タイトルや画像の行間がやけに空く。marginやpaddingを設定してないのになんでだ?とかなり困りました。 画像の下に空白ができ無い様に、imgにvertical-align:bottom;を入れてるのですが、画像の頭が下に下がっちゃう。 え!?なんでだ?こんな所でハマるなんて。。。 と調べていくと、メイリオの場合のみこの現象が起きてました。 メイリオだけなんで空白ができる? 検索していくと、メイリオを使って改行すると1行分の空白が出来るとか、そもそもMSゴシックなどの基本フォントより空白が大きいなど、困っている方もいる様です。 今 ...