html - 细字体在 Windows 上无法正确显示

标签 html css windows google-chrome font-face

我正在尝试在我的网站上使用“HelveticaNeueLTStd25UltraLight”。在 OSX 上,它在每个浏览器中看起来都很完美。在 Windows 上,这太可怕了:

Chrome : Chrome

即: enter image description here

我正在使用以下 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/

相关文章:

jquery - Bootstrap 模态对话框未打开

javascript - 在移动设备上隐藏元素

javascript - 如何通过调整浏览器窗口大小来保持纵横比

vba - 通过编程将MS Word纸张大小设置为PostScript自定义页面大小

windows - Windows 上用于视频捕获的 DirectShow 替代品

java - Java 操作系统的不同图标大小

php - 我如何将 php 集成到 html 表中

javascript - JQuery 从第二个零开始播放 html5 视频,但如果用户暂停视频,则保留当前帧

jquery - 如何使用 waypoint 或 wow 使用 bootstrap 4 对图像进行动画处理

javascript - React中如何淡出和淡入?