font-face 在 Chrome 中没有正确显示某些字符

font-face not showing some characters correctly in Chrome

我在代码中导入了这样的字体:

@font-face {
    font-family: 'BYekan';
    src: url('/Contents/Fonts/BYekan.eot');
    src: url('/Contents/Fonts/BYekan.woff') format('woff'),url('/Contents/Fonts/BYekan.ttf') format('truetype'),url('/Contents/Fonts/BYekan.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

当我 运行 我的代码在 Chrome 中时,有时某些字符显示为正方形。

我一调整 window 的大小,字符就正常了,并且显示正确!

我的代码中有 <meta charset="utf-8">,所以问题出在其他地方。

有什么想法吗?提前致谢。

尝试检查另一种字体。 可能是您的字体文件中的错误。

找到解决方案!

如果我们不为输出文本设置font-size,则默认字体大小为1em。显然 Chrome 对某些字体的字体大小有问题!

所以我只是设置了 font-size 其他内容(例如 font-size: 1.001em),现在字体显示正确了:)