如何仅在用户运行Linux时才使用特定字体？

Question

有没有办法使用JQuery或CSS检测操作系统？使用CSS我指的是类似的东西<![if !IE]>

我只有在使用Linux查看网页时才需要使用特定字体,并且不希望将其与其他操作系统一起使用

Answer 1

检查 navigator.userAgent

您通常可以通过简单的rx找到您所寻求的内容,但这样做需要对嗅探有基本的了解.你可以在这里找到一个很好的例子.

注意:我并不是建议您使用嗅探库,只是让您熟悉需要查找的内容.

至于通过操作系统动态控制字体,我认为,除非你的问题中没有说明一些边缘情况,简单地定义字体堆栈是你最好的选择.

Answer 2

虽然没有直接回答"检测O/S"的问题,但您可以使用font-familyCSS属性实现选择字体的预期效果.

此属性允许您选择字体列表,浏览器将尝试匹配系统上可用的字体.它从左到右阅读,并将使用第一个可用的字体:

body
{
    font-family: "Calibri", "Arial", "Sans Serif"
}

在这种情况下,如果"Calibri"字体不可用,系统将使用"Arial".如果找不到"Arial",它将使用"Sans Serif"系列中的任何可用字体.

通过这种方式,您可以首先指定特定于Linux的字体,并且知道没有可用字体的其他平台也将使用合适的字体显示.