css如何引用.ttf字体文件|@font-face

这里复习一下如何在css文件里引用.ttf字体文件。

如下图，红色圈起来的标题需要使用productsans字体，绿色圈起来的小标题需要使用roboto字体，字体文件已下载到fonts文件夹里，接下来，我们可以这样使用。

在css文件里使用

@font-face{

font-family: ProductSans(字体)；

src: url('../fonts/ProductSans-Bold.ttf')

}

@font-face{

font-family:Roboto(字体);

src:url('../fonts/Roboto-Regular.ttf')

}

然后点击保存，刷新一下网页，就有效果了

以上就是css引入字体文件的用法及效果，有问题或更多方法请多多指教！