Html 引用字体'；无衬线'；在CSS中不能正常工作

我正在写一个小的静态站点（HTML和CSS），无意中发现了属性

字体系列

中的一个行为，我不明白。我喜欢编写与美观整洁一致的代码，这就是为什么总是在CSS中引用字体的原因

据我所知，允许使用正确的引用字体：

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

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

.test1
{
字体系列：“无衬线”；
}
.test2
{
字体系列：“arial”；
}
.test3
{
字体系列：无衬线；
}

测试
试验
Test

无衬线不是字体名称，而是字体类型。。。 为了使字体工作，您必须至少键入字体名称！ 必须输入字体名称。 前

• 姓氏-字体系列的名称，如“times”、“courier”、“arial”等
• 泛型族-泛型族的名称，如“衬线”、“无衬线”、“草书”、“幻想”、“单空间”

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