CSS忽略字体样式问题

Question

我正在使用CodeIgniter构建一个网站，但我在CSS方面遇到了一些问题。

以下代码给我提供了一种衬线字体 - 我知道样式表已经正确链接，因为文本符合所有其他参数，并且在取消链接时会发生更改。

span.navbig {
    font-size: 36pt;
    font-family: Gill Sans / Gill Sans MT, sans-serif;
    letter-spacing: -1.5pt;
    text-decoration: none;   
}

我在这里看到了什么问题？

谢谢

- justacoder

Answer 1

在字体家族声明中，将不同的字体类型分开，如下所示：

font-family: "Gill Sans", "Gill Sans MT", sans-serif;

这里有一个简单的参考：链接 注意：用逗号分隔每个值。

注意：如果字体名称包含空格，则必须加引号。在HTML中使用“style”属性时，必须使用单引号。

这里是W3C建议的内容：链接 字体系列名称必须作为字符串引用或未引用的一个或多个标识符序列给出。这意味着在未引用的字体系列名称中，每个令牌的开头大部分标点符号字符和数字都必须被转义。

- Bjoern

Answer 2

使用由两个单词组成的FONT类型时，必须在它们上面加引号，以防浏览器将它们读作不同的条目。请注意保留HTML标签。

<style type="text/css">
    span.navbig {
      font-size: 36pt;
      font-family: "gill sans", sans-serif;
      letter-spacing: -1.5pt;
      text-decoration: none;   
    }
</style>

from http://www.htmlite.com/CSS004.php

- jwchang