#web-font

[wow-web]

#282 mad-london

[9910]

Implement localStorage web font caching in seconds

[wow-web]

#218 trippeo

[linkeyes-blog]

Web FontFonts speak many languages, but most of the time you only need a select few. Removing the letters you don’t need can greatly reduce the font file size to make your websites faster, optimize bandwidth usage, and reduce high-traffic costs.

[cknbstr-blog]

font-faceの記述

font-weightには数値の対応を設定してやらないといけないっぽい ↓はsassでの記述例

@font-face font-family: StagSans src: url(fonts/StagSans-Medium.eot) src: local("Stag Sans-Medium"), url("fonts/Stag Sans-Medium.otf") format("opentype") font-weight: normal font-weight: 400 @font-face font-family: StagSans src: url(fonts/StagSans-Bold.eot) src: local("Stag Sans-Bold"), url("fonts/Stag Sans-Bold.otf") format("opentype") font-weight: bold font-weight: 700 font-weight: 800 font-weight: 900 @font-face font-family: StagSans src: url(fonts/StagSans-Light.eot) src: local("Stag Sans-Light"), url("fonts/Stag Sans-Light.otf") format("opentype") font-weight: lighter font-weight: 100 font-weight: 200 font-weight: 300 @font-face font-family: StagSans src: url(fonts/StagSans-Semibold.eot) src: local("Stag Sans-Semibold"), url("fonts/Stag Sans-Semibold.otf") format("opentype") font-weight: bolder font-weight: 500 font-weight: 600

[cknbstr-blog]

@font-face {     font-family: "Diavlo Bold";     src: url(DiavloEOT.eot); /* Hello, IE */     src: local("Diavlo Bold"), url(Diavlo_BOLD_II_37.otf) format("opentype"); }

Five tips for using @font-face | Devlounge クロスブラウザなfont-faceの書き方

[cknbstr-blog]