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

Question

我在我的代码中导入了一个字体，如下所示：

@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中运行代码时，有时候某些字符会显示为正方形。

只要我调整窗口大小，字符就会正常显示，并且它们会正确显示！

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

有什么想法吗？提前完成。

Answer 1

找到了解决方案！

如果我们没有为{out}文本设置font-size，则默认字体大小为1em。显然，Chrome的某些字体的字体大小有问题！

所以我只需设置font-size其他内容（例如font-size: 1.001em），现在字体显示正确：）

Answer 2

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