css - 取决于操作系统的条件 CSS

Question

我知道浏览器有条件 CSS，但我想知道操作系统是否有条件 CSS。这是我的动机:

我通过 CSS3 使用自定义字体开发了一个网站。该字体在 Mac OSX 上运行的所有浏览器上看起来很漂亮，但在 Windows 上运行的所有浏览器上看起来很可怕。我知道这是因为 OSX 和 Windows 以不同方式呈现字体。

作为此问题的临时解决方案，我希望所有使用 Windows 浏览器的用户都使用替代的 CSS 文件，在该文件中将不会使用自定义字体，而是恢复为 Helvetica 等系统字体。

有人知道如何做到这一点吗？

或者如果没有，有没有办法让字体在 Windows 上看起来更好？我试过了

-webkit-font-smoothing: antialiased;

没有用。

Answer 1

这看起来不错option .这是一个基于 jquery 的解决方案。检测到操作系统后，您可以像这样添加 css:(从 here 获取代码)

$('head').append('<link rel="stylesheet" href="os-windows.css" type="text/css" />');