我有以下 CSS:
font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: 100; letter-spacing: 1px; }
它适用于所有 Mac 浏览器(Chrome、Safari)但是我在 Chrome 上打开我的元素,在 Windows 上打开 Internet Explorer,它显示字体为粗体而不是浅色。我不确定如何解决这个问题,但我需要设计能够跨平台与 mac 上出现的设计一起工作。
提前致谢。
编辑:我试过使用 arial,但 arial 在 mac 和 windows 上都没有变亮。
最佳答案
您在 Windows 上看到的字体不是粗体,它只是普通的 Arial。
在几乎所有 Windows 系统中,font-family
值中列出的第一个可用字体系列是 Arial。由于 Arial 没有字重为 100 或任何字重小于 400 的字体,因此使用 font matching algorithm 代替正常 (400) 字重字体.
Windows 标准发行版中的字体通常缺少粗细小于正常的字体。因此,要使用更轻的字体,您需要通过 @font-face
使用可下载的字体(网络字体)。参见例如Is @font-face usable now?
(SO 有很多关于使用 @font-face
的具体问题,如果您遇到具体问题,请检查它们)。
关于CSS 代码适用于 Mac 浏览器但不适用于 Windows 浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19074073/