@font-face引入字体后数字显示异常

Question

问题描述

使用@font-face引入了一个字体Blacker Display Regular，使用后发现英文显示正常，中文显示替补的微软雅黑，数字就完全出问题了，如下图

你没看错 这是数字 123 。。。

有同学碰到过这个问题吗？请大佬提供下解题思路！拜谢！

用了scss

/* @font-face kit by Fonts2u (https://fonts2u.com) */ 
/* @font-face kit by Fonts2u (https://fonts2u.com) */ 
@font-face {
  font-family:"Blacker Display Regular";
  src:url("~@/assets/font/Blacker-Display-Regular-trial.eot?") format("eot"),
      url("~@/assets/font/Blacker-Display-Regular-trial.woff") format("woff"),
      url("~@/assets/font/Blacker-Display-Regular-trial.ttf") format("truetype"),
      url("~@/assets/font/Blacker-Display-Regular-trial.svg#BlackerDisplay-Regular") format("svg");
  font-weight:normal;
  font-style:normal;
}

$title_family: 'Blacker Display Regular';
$text_family: 'Helvetica';

Answer 1

这是因为 Blacker Display Regular 这款字体的数字样式就是这样。

参考 这里。

可以试一下对数字添加单独的 css 样式，规定想要的 @font-face。