VUE中使用新字体

• Z时代
• 2024-01-10
• 分类：综合

1、下载新字体

• 字体下载网站附上
• 下载好的字体解压后与全局配置的.CSS文件放在一个文件夹

2、引入字体

我们使用css的@font-face属性去引入字体，可以在重置样式表中引入字体。

@font-face CSS 可指定一个用于显示文本的自定义字体；字体能从远程服务器或者用户本地安装已有的字体加载

@font-face {
  font-family: 'fangzheng';
  src: url('./方正大魏体简体.ttf');
}

3、使用引入的字体

html,
body,
#app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
overflow: hidden; //超出自动隐藏
  font: 20px 'BASE', 'fangzheng', 'Arial Narrow', HELVETICA;
}

以上是 VUE中使用新字体 的全部内容， 来源链接： utcz.com/z/378564.html