📜  CSS 中的网络安全字体和备用字体是什么?

📅  最后修改于: 2022-05-13 01:56:21.586000             🧑  作者: Mango

CSS 中的网络安全字体和备用字体是什么?

Web 安全字体: Web 安全字体是通常安装在所有浏览器和操作系统上的那些字体。可用作 Web 安全字体的一些字体示例如下。

  • 维达纳
  • 乔治亚州
  • 宋体
  • 衬线
  • 无衬线字体
  • 英语字体格式一种
  • 坎达拉
  • 口径
  • 最优
  • 露西达·布莱特

备用字体:没有字体是 100% 网络安全字体。您视为 Web 安全字体的字体始终有可能未正确安装。在这种情况下,我们使用一些字体进行备份,这些字体称为备用字体。

通常用作后备字体的一些字体示例如下。

  • 草书
  • 幻想
  • 等宽
  • 卡希里

注意:所有用作网络安全字体的字体也可以用作备用字体。

句法:

Selector {
  font-family: font-1, font-2, font-3;
}
  • font-1 将是我们的网络安全字体。
  • font-2 和 font-3 将是我们的后备字体。

您可以根据需要添加任意数量的后备字体。

说明: font-1 将显示,但由于任何原因 font-1 在任何浏览器或操作系统上都不可用,那么在这种情况下将使用 font-2。如果 font-2 也不可用,则将使用 font 3,依此类推。

示例 1:以下代码显示了“p”元素的网络安全字体。

HTML


    
  
        
        
          
          
                  
        
    
    
        

Welcome to Geeks for Geeks

    


HTML


    
        
        
        
        
        
        Web Safe font and fallback font
        
    
  
    
        

Welcome to Geeks for Geeks

      


输出:

示例 2:当网络安全字体不可用时,将使用备用字体。

HTML



    
        
        
        
        
        
        Web Safe font and fallback font
        
    
  
    
        

Welcome to Geeks for Geeks

         

输出: