使页面显示电脑没有的字体:
1.下载字体源文件,常用字体格式(.ttf,.eot,.otf,.woff);
注:如果找不到这么多格式的文件,可以使用在线字体格式转换器
2.定义字体
@font-face {
font-family: myFont;
src: url("../font/MNXLS.ttf"),
url("../font/MNXLS.eot"),
url("../font/MNXLS.otf"),
url("../font/MNXLS.woff");
}
3.引用字体
.div_wenzi{
font-family: myFont;
font-size: 60px;
text-align: center;
}
浏览器支持:
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。
注释:Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。