在项目中,需要用到一些特殊字体,浏览器没有,用户电脑上也没有,那么用户就无法正常显示我们所指定的字体,这个时候,可以使用@font-face,将字体嵌入网页中。代码如下:
<style type="text/css">
@font-face {
font-family: 'Roboto Medium'; //字体名
src: url('Roboto-Medium.ttf');//字体文件的路径
}
@font-face {
font-family: 'Roboto Light';
src: url('Roboto-Light.ttf');
}
</style>
在配置好字体后,就可以在页面上直接引用了
<div style="font-family: Roboto Light;">
2019 / 06 / 27
</div >