いまさら訊けないWebフォント入門
27
いまさら訊けない Webフォント入門 2015/02/04 GaiaX社内勉強会 @hoto17296
-
Upload
yuki-ishikawa -
Category
Engineering
-
view
340 -
download
5
Transcript of いまさら訊けないWebフォント入門
@font-face ルール@font-face { font-family: 'ほにゃ字'; src: url('honya.ttf');}
p { font-family: 'ほにゃ字';}
フォント 定義
使用
画像の代わりになる• 単色のアイコンなんかはWebフォントにしたほうがいい
• color プロパティだけで色変えれるの最高
• Retinaディスプレイでも荒くならない
• 例: http://hoto.me/ (SNSのアイコン)
Webフォント用に配布されているフォントを使う
• アイコン用Webフォントは結構多い
• Bootstrap3 の Glyphicon
• IcoMoon (https://icomoon.io/)
• 日本語フォントはあまりない印象
今日できなかった話• フォントのフォーマットの話
• ちょっと前までは大変だった
• 最近は woff 使っとけばいいっしょ、て感じ
• フォント変換・サブセット切り出しの仕方
• 武蔵システムは神
• Unicode の私用領域の話