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
),现在字体显示正确了:)
我在代码中导入了这样的字体:
@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
),现在字体显示正确了:)