网络日志

前端开发页面怎么使用特殊字体

前端怎么使用OTF字体

这里列举的是vue项目的例子

1.首先拿到字体的otf文件,放入assets里面

2.在style标签里面引入此文件并赋值给font-family

3.最后在你需要使用的地方使用上一步赋值给font-family的值

example

@font-face {
  font-family: Bicubik;
  src: url('../../assets/otf/bicubik.otf');
}

.h2{
    font-family: Bicubik;
}

这样就可以使用otf字体了,其他字体也是一样处理