什么是 font-family -apple-system ？

在本文中，我们将看到如何在为字体系列使用多个值的同时实现 CSS 属性“-apple-system”。

font-family是一个 CSS 属性，它为所选元素指定一个或多个字体系列名称的列表。作为“后备”系统， font-family属性能够保存多个字体名称。如果您的浏览器不支持第一种字体，它会尝试下一个作为值传入的字体。

字体系列名称可以进一步分类。

• family-name：字体家族的名称。例如，草书、“Courier New”等。
• generic-family ：它是字体系列的名称，写在系列名称之后，让浏览器从中选择相似的字体，以防指定的字体不可用。

句法：

selector {
     font-family: 'Courier New', Courier, monospace;
} 

方法：包含空格的字体名称必须用引号引起来。 font-family 的全局值为 继承、初始、恢复和取消设置。   Apple 的字体通常不能在任何网页上使用，而是在 Apple 产品中内置提供的。我们可以通过 CSS 在我们的网页上使用这些字体。在第二个示例中通过将具有不同类别的两个标题作为“一”或“二”来进行比较。

示例 1：下面的示例显示了“ font-family: -apple-system ”

HTML

  

    

  

    

        GeeksforGeeks
        
 -apple-system
    

  

输出：

示例 2：以下示例显示了“font-family: -apple-system”的比较。

HTML

  

    

  

    

        -apple-system
    
    

        Courier New
    

  

输出：

注意： Internet Explorer 和 Firefox 使用“ -apple-system; ”作为字体系列，而 Google Chrome 使用“ BlinkMacSystemFont ”