前端怎么应用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字体了,其余字体也是一样解决