【css】Webフォント、ローカルフォントの指定方法 at softelメモ

Webフォントやローカルにあるフォントファイルを使ってテキストを表示したいときは、以下のような書き方になる。 @font-face { font-family: 'MyFont'; src: url(/location/of/font/myfont.ttf); } body { font-family: MyFont; } @font-face { font-family: 'MyFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: local('myfont Regular'), /* フォントがローカルにインストールされている場合に有効 */ url('webfont.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */ url('webfont.wo

[tpex_ovon]

基本はローカルフォントを使ってWebフォントは最終手段的な使い方 @font-face {local('フォント名')}を最初に書く