css如何导入引入新字体？fontface的用法

项目开发中有时候需要使用一些浏览器没有的font-family字体，这样就需要先下载字体文件，一般是ttf格式，然后使用@font-face引入并使用，参考代码如下：

1、先生成或者下载字体文件，比如monacos__.ttf

2、新建一个css文件，比如index.css，内容如下：

@font-face{
    font-family: "monacos";//你想定义的字体名称
    src: url('./monacos__.ttf');//字体文件的路径
    font-weight: normal;
    ..........//字体的其他属性设置等
}

3、然后在你想用这中字体的页面引用这个index.css文件，即可以正常使用：

.class-name{
    font-family:'monacos';
}

4、或者将@font-face定义到全局使用的css文件上，就可以全局使用这个字体；

去试试吧