Question

我有这个奇怪的问题，在我的本地开发服务器和我把它放在网上的同一页面显示略有不同。它完全相同的页面和完全相同的浏览器。

在一些＆＃34;开发商安慰＆＃34;之后，我发现了一个区别。

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

我不知道这意味着什么。

Answer 1

@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")。

某些时候#使用可能会造成这种不一致。

Answer 2

这是一个缓存问题。只需查看源代码，然后单击您的CSS文件链接，让浏览器显示CSS文件，刷新页面，然后CSS缓存将刷新。一切都运作良好。

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

2 个答案: