代码之家  ›  专栏  ›  技术社区  ›  Payam Sh

字体在Chrome中无法正确显示某些字符

  •  1
  • Payam Sh  · 技术社区  · 9 年前

    我在代码中导入了如下字体:

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

    enter image description here

    我一调整窗口大小,字符就正常了,而且显示正确!

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

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

    2 回复  |  直到 9 年前
        1
  •  0
  •   Payam Sh    9 年前

    找到了解决方案!

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

    所以我刚开始 字体大小 其他东西(例如 font-size: 1.001em )现在字体显示正确:)

        2
  •  -2
  •   Olga    9 年前

    请尝试检查其他字体。 可能是字体文件中的错误。