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
输出: