在项目的公用模板里css自定义字体并使用
// 文件路径 public/index.html
// 必须要先有字体文件, 比如 *.ttf文件, UI提供或网上下载
<style>
//引入字体文件并命名
@font-face {
font-family: 'custom-font'; /*字体名称-随意*/
src: url('你自己的字体文件路径.ttf') format('truetype'); /*字体源文件*/
}
// 使用方法
.custom-font {
font-family: "custom-font" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
// 使用
.classNameDemo{
font-family: "custom-font";
}