我遇到了一个奇怪的问题，在我的本地开发服务器上，同一个页面的显示方式与我将其联机时略有不同。它是完全相同的页面和完全相同的浏览器。
经过一些"开发人员的安慰"，我发现了一个不同之处。
在我的本地系统上，渲染的字体显示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文件链接，让浏览器向你显示CSS文件，刷新页面，然后CSS缓存就会刷新。一切都很好。