对于CSS font-family属性，“ Helvetica Neue”和“ Helvetica Neue”以及“ Roboto”和Roboto是否相同？

Question

我发现人们像这样写CSS

switch($_POST['department']){
  case "acc-mail":
    $mailto = "acc@email.com";
    break;
  case "tech-mail":
    $mailto = "technical@email.com";
    break;
  default:
    $mailto = "general@email.com";
}

我看到大多数人比h1 {font-family: "Helvetica Neue"} h1 {font-family: 'Helvetica Neue'} h1 {font-family: 'Roboto'} h1 {font-family: Roboto} 多使用'和'Roboto'。

有什么微小的区别吗？

顺便说一句，我问这个问题是因为我在Google字体上看到了这个问题

如果没有区别，为什么Google会在其中添加Roboto？

Answer 1

您始终可以在双引号或单引号中加上特定的字体系列名称，因此Roboto，“ Roboto”和“ Roboto”是等效的。只有CSS定义的通用字体系列名称（如sans-serif）必须写成无引号。

与流行的看法相反，不需要使用由空格分隔的名称（例如Helvetica Neue）组成的字体名称。但是，该规范建议“引用包含除连字符以外的空格，数字或标点符号的字体系列名称”