css - Google Chrome的本地服务器和实时站点中的字体呈现方式不同

我遇到了一个奇怪的问题，即同一页面在本地开发服务器上以及在联机时的显示情况略有不同。它的页面和浏览器完全相同。

经过一些“开发者安慰”，我发现了一个区别。

在我的本地系统上，渲染的字体显示为Liberation sans - 23glyphs
在我的实时网站上，呈现的字体显示为Liberation sans - 15glyphs

我不知道这是什么意思。

最佳答案

@font-face {
  font-family: 'Haettenschweiler-Regular';
  src: url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.eot');
  src: url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.eot?#iefix') format("embedded-opentype"), url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.woff2') format("woff2"), url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.woff') format("woff"), url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.ttf') format("truetype"), url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.otf') format("opentype"), url('../../0/fonts/Haettenschweiler/Haettenschweiler_gdi.svg') format("svg#Haettenschweiler-Regular");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2666;
}

例如：对于情况，format("svg#Haettenschweiler-Regular")对于chrome是错误的。请尝试使用format("svg")而不是format("svg#Haettenschweiler-Regular")。

有时#用法可能会导致这种不一致。

关于css - Google Chrome的本地服务器和实时站点中的字体呈现方式不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33756081/