xiuno修改网站字体计划

拥穿着 @font-face 的改网校验器有Internet Explorer 9、Firefox Opera 、站字Chrome和Safari ,体计另外IE9只拥穿着.eot类型的改网字体,Firefox、站字Chrome、体计Safari 、改网和Opera拥穿着.ttf、站字.otf 两种类型字体。体计

常规用法 :

@font-face {
font-family: myFirstFont;//定义该字体名称,改网后面要使用该字体时,站字使用该名称
src: url(YourWebFontName.ttf),体计
url(YourWebFontName.eot); /* IE9 */
}
h1 {font-family:myFirstFont;}
@font-face {font-family: myFirstFont;//定义该字体名称,后面要使用该字体时	,改网使用该名称src: url(YourWebFontName.ttf),站字url(YourWebFontName.eot); /* IE9 */}h1 {font-family:myFirstFont;}
@font-face {font-family: myFirstFont;//定义该字体名称 ,后面要使用该字体时 ,体计使用该名称src: url(YourWebFontName.ttf),url(YourWebFontName.eot); /* IE9 */}h1 {font-family:myFirstFont;}

 

兼容性写法

@font-face {
font-family: myFirstFont;
src: url(YourWebFontName.eot); /* IE9 Compat Modes */
src: url(YourWebFontName.eot?#iefix)format(embedded-opentype), /* IE6-IE8 */
url(YourWebFontName.woff)format(woff), /* Modern Browsers */
url(YourWebFontName.ttf)format(truetype), /* Safari, Android, iOS */
url(YourWebFontName.svg#YourWebFontName)format(svg); /* Legacy iOS */
}
@font-face {font-family: myFirstFont;src: url(YourWebFontName.eot); /* IE9 Compat Modes */src: url(YourWebFontName.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */url(YourWebFontName.woff) format(woff), /* Modern Browsers */url(YourWebFontName.ttf) format(truetype), /* Safari, Android, iOS */url(YourWebFontName.svg#YourWebFontName) format(svg); /* Legacy iOS */}
@font-face {font-family: myFirstFont;src: url(YourWebFontName.eot); /* IE9 Compat Modes */src: url(YourWebFontName.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */url(YourWebFontName.woff) format(woff), /* Modern Browsers */url(YourWebFontName.ttf) format(truetype), /* Safari, Android, iOS */url(YourWebFontName.svg#YourWebFontName) format(svg); /* Legacy iOS */}

 

然后 ,修改全站默认字体

 

 

内容校验完了
渝ICP备2025076537号-22