新建fonts.css，用@font-face加载字体：
@font-face{
font-family: 'Oswald Medium'; /*需要导入的字体名*/
src: url("../font/Oswald-Medium.ttf"); /*字体所在路径*/
font-weight: normal;
font-style: normal;
}
在其他css文件里就可以直接用啦
@import url('fonts.css');
.TitleDiv p {
color: #06c;
font-family: 'Oswald Medium';
font-size: 25px;
}
字体下载链接：
https://www.fontke.com/
字体后缀名介绍：
ttf：http://baike.baidu.com/view/747447.htm
otf：https://baike.baidu.com/item/OpenType
效果展示：
不加导入字体的样式代码
不加导入字体效果
加上导入字体的样式代码
加上导入字体后效果
网友评论