CSS |通用字体系列集合

font-family 属性用于设置 HTML 文档中文本的字体。不同的字体系列用于创建有吸引力的网页。有许多字体可供选择，例如 Google 字体、Adobe 字体等，并且需要字体 API 链接和自定义。通用字体家族主要分为以下几类：

• 衬线
• 无衬线字体
• 草书
• 等宽
• 幻想

下面列出了通用字体系列的详细描述：

• serif：多用于书籍、报纸、杂志等印刷用途的文字，文字的字符在末尾用笔划装饰。 serif 字体系列的例子是 Times New Roman、Garamond、Georgia、Literata、Minion、Perpetua 等。

  句法：

  element {
      font-family:serif;
  }

  例子：

  
  
        
  
      
        
      
  
    
  
      
  GeeksforGeeks
        
      
  GeeksforGeeks
  
    
                      
  

  输出：
  

• sans-serif：风格现代、正式、外观简洁。与“Serif”不同，它的末端没有笔画。它具有广泛的用途，但最常见的是文本的数字形式。无衬线字体的例子有 Verdana、Arial、Calibri、Helvetica、Futura、Impact、Lato、Optima、Skia 等。

  element {
      font-family: sans-serif;
  }

  例子：

  
  
        
  
      
        
      
  
    
  
      
  GeeksforGeeks
        
      
  GeeksforGeeks
  
    
                      
  

  输出：
  

• 草书：这种字体多用于邀请函、非正式信息、标题等。它的外观就像是用钢笔或毛笔手写的文字。草书字体家族的例子是 Flanella、Belluccia、Insolente、Corsiva、Zapfino 等。

  句法：

  element {
      font-family:cursive;
  }

  例子：

  
  
        
  
      
        
      
  
    
  
      
  GeeksforGeeks
        
      
  GeeksforGeeks
  
    
                      
  

  输出：
  

• monospace：用于举例、打字文本、说明、邮寄地址、代码示例等。文本的每个字符都具有相同的宽度。等宽字体系列的示例是 Courier、Consolas、Monaco、SimSun、Terminal、Menlo、Inconsolata 等。

  句法：

  element {
      font-family:monospace;
  }

  例子：

  
  
        
  
      
        
      
  
    
  
      
  GeeksforGeeks
        
      
  GeeksforGeeks
  
    
                      
  

  输出：
  

• 幻想：用于使文本更具装饰性、影响力和表现力。这种字体应该用在较短的文本中，因为它总是不容易阅读。 Fantasy font-family 的例子有 Impact、Cracked、Critter、Studz、Copperplate 等。

  句法：

  element {
      font-family:fantasy;
  }

  例子：

  
  
        
  
      
        
      
  
    
  
      
  GeeksforGeeks
        
      
  GeeksforGeeks
  
    
                      
  

  输出：
  

以下是上述通用字体系列中作为示例提到的一些字体系列的描述，如下所示：

• 韦尔达纳：
  • 设计者：马修卡特
  • 类别：无衬线
  • 发行时间： 1996
• 黑体：
  • 设计者： Max Miedinger, Eduard Hoffmann
  • 类别：无衬线
  • 发行时间： 1957
• 信使：
  • 设计者： Howard “Bud” Kettler
  • 类别：等宽
  • 发布时间： ~1956
• 宋体：
  • 设计者： Robin Nicholas 和 Patricia Saunders
  • 类别：无衬线
  • 发行时间： 1982
• 影响：
  • 设计者： Geoffrey Lee
  • 类别：无衬线
  • 发行时间： 1965
• 口径：
  • 设计者： Luc(as) de Groot
  • 类别：无衬线
  • 发布时间： 2007
• 安慰：
  • 设计者： Luc(as) de Groot
  • 类别：等宽
  • 发布时间： 2002
• 乔治亚州：
  • 设计者：马修卡特
  • 类别：衬线
  • 发行时间： 1996
• 加拉蒙德：
  • 设计者：保罗·希克森
  • 类别：衬线
  • 发行时间： 1993
• 永久：
  • 设计者： Eric Gill
  • 类别：衬线
  • 发布时间： 1929-32
• 玛瑙：
  • 设计者： Gerry Powell
  • 类别：衬线
  • 发行时间： 1955

示例：此示例使用不同类型的字体系列。

      

    
      
    

  

    
GeeksforGeeks
      
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks
    
GeeksforGeeks

  
                    

输出：