CSS 代码适用于 Mac 浏览器但不适用于 Windows 浏览器?

标签 css windows macos

我有以下 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/

相关文章:

CSS 复选框输入样式

windows - 使用 Windows 16 位 API 更改目录

python - 在 Windows 上从 python 运行 Stardew Valley

PHP.ini 错误 -- 没有权限 -- Root 用户

html - 按钮在 Google Chrome (MAC) 上看起来不同

macos - 如何将环境变量传递给由 Intellij IDEA 管理的 gradle 构建文件

html - 无序列表未出现在网页上

html - 我正在寻找 HTML 中不间断空格的替代方法

javascript - 为什么我的 Owl Carousel 在我的第一组中不起作用?请问我的eero在哪里?

c++ - 在C++中实现C库函数