css导入自定义字体

新建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

效果展示：

不加导入字体的样式代码 不加导入字体效果 加上导入字体的样式代码 加上导入字体后效果