HOME > フォント

フォント一覧

2016.03.13

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

googlefonts

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

2016.01.13

pxでもemでもないrem(ルートエム)でフォントサイズを指定する方法

pxでもemでもないrem(ルートエム)でフォントサイズを指定する方法

css3から設定できる様になった新しいフォントサイズ設定の単位rem(ルートエム)。rem?emと同じ様な感じなのでしょうか。いいえ、違います。emやpxで設定した場合は、「親要素」によってフォントサイズが決められてしまいます。「親」がフォントサイズ」15pxなら、「子」に10pxと設定しても子はその通りにはならないと思います。remの場合はroot(元)だけのフォントサイズに決められますので、親要素にフォントサイズを設定してもremには何の影響もありません。それがemやpxとは違う所です。元々存在していたpxやemのサイズ設定のおさらいも含めて説明を書いていきます。