我正在尝试在我的网站上使用“HelveticaNeueLTStd25UltraLight”。在 OSX 上,它在每个浏览器中看起来都很完美。在 Windows 上,这太可怕了:
Chrome :
即:
我正在使用以下 CSS(如果重要的话):
@font-face {
font-family: 'HelveticaNeueLTStd25UltraLight';
src: url('../fonts/HelveticaNeueLTStd25UltraLight.ttf');
}
body{font-family:'HelveticaNeueLTStd25UltraLight'; font-weight:normal;}
/*** IE FONT ***/
@font-face {font-family: 'HelveticaNeueLTStd25UltraLight';
src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot');
src: url('../fonts/HelveticaNeueLTStd25UltraLight.eot') format('embedded-opentype'),
url('../fonts/HelveticaNeueLTStd25UltraLight.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd25UltraLight.ttf') format('truetype'),
url('../fonts/HelveticaNeueLTStd25UltraLight.svg#HelveticaNeueLTStd25UltraLight') format('svg');
font-weight: normal;
font-style: normal;}
谁能解释一下这是为什么?我该怎么办?如果我必须使用其他字体,哪些字体可以安全使用?
最佳答案
Windows 在浏览器中的字体渲染比 OSX 或 iOS 更糟糕。有时您可以通过选择浏览器抗锯齿看起来不太糟糕的特定字体大小来修复它。还有 text-rendering: optimizeLegibility
CSS 属性,但根据我的经验,它往往弊大于利。
选择一种更适合网络显示的不同字体。 Google Web Fonts是一个很好的起点。他们有很多很棒的现代字体,这些字体都经过优化以用作网络字体,除此之外,他们还提供 CSS 等——你只需要 <link>
到你的 <head>
中的外部 CDN CSS 文件很高兴你可以开始了。 “Lato”和“Raleway”是我有时用来代替 Helvetica Neue 的字体。
此外,由于 Helvetica Neue LT Std 是一种商业字体,因此嵌入该字体几乎肯定是非法的,所以...
关于html - 细字体在 Windows 上无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17752457/