在不同场景使用特殊字体提高页面体验

在 web 环境中使用字体

在项目静态文件夹中放置字体文件
在css文件中引用字体文件

css

@font-face {
  font-family: 'Bebas';
  src: url('../../assets/font/BEBAS.TTF');
  font-weight: normal;
  font-style: normal;
}

在特定的地方使用此样式

css

.data-num-style {
  font-family: 'Bebas';
}

数据可视化场景

使用 BEBAS.TTF 数值风格更具有科技感