Question

我正在编写一个小型静态网站（HTML和CSS），并在属性font-family中偶然发现了一个我不明白的行为。我喜欢把我的代码编写成一个漂亮而干净的外观，这就是为什么总是在CSS中引用字体。

据我所知，CSS2.2 specification正确，引用的字体是允许的：

字体系列名称必须以字符串形式引用，或者不加引号作为一个或多个标识符的序列。

不幸的是，在我的情况下，它无法正常工作。我在下面附上了一个例子。

＆＃13;

.test1
{
    font-family: 'sans-serif';
}

.test2
{
    font-family: 'arial';
}

.test3
{
    font-family: sans-serif;
}

＆＃13;

<h1 class="test1">Test</h1>
<h1 class="test2">Test</h1>
<h1 class="test3">Test</h1>

＆＃13;

我使用Google Chrome 54.0.2840.99和Internet Explorer 11.0.9600.18450测试了该属性。为什么arial的引用字体有效但sans-serif没有？

Answer 1

Sans-serif不是字体的名称，而是字体类型...... 为了使字体工作，您必须至少键入字体名称！字体名称必填。实施例

.myclass{font-family: 'myFontName', sans-serif;}

family-name - 字体系列的名称，例如＆＃34; times＆＃34;，＆＃34; courier＆＃34;，＆＃34; arial＆＃34;等。

generic-family - 泛型家族的名称，如＆＃34; serif＆＃34;，＆＃34; sans-serif＆＃34;，＆＃34; cursive＆＃34;，＆＃34; fantasy＆＃34;，＆＃34; monospace＆＃34;。

Source

引用字体＆sans-serif＆＃39;在CSS中无法正常工作

1 个答案: