[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法

IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法 各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w

[kiyokichi]

「IE9以下ではsrcに一つより多くのフォントを指定すると、そのロードに失敗をし404エラーを返します」とのことで、IEはeotファイルを使用し、「？」をつけることでeotファイルだけをロードするようにする

[soulja_boy]

E6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法

[hidehish]

見てる:

[www-tmcc]

Reader

[ngsk]

なんじゃ

[BURN]

rss

[pigchika]

@font-faceの指定方法

[glat_design]

ハック的な対応なのかな。実用性を知りたい

[fooo]

@font-faceを各ブラウザ／スマートフォンに対応させる

[daisuke1209]

メモ

[nors]

http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax/

[toaruR]

webfont

[hr07jp]

@font-faceの指定方法