Html 在CSS中使用多种字体的原因

在CSS中使用多种字体的确切原因是什么？这与不同的浏览器有关吗？这是我在CSS中一直忽略的东西，但我想了解现在这样做的原因

body {
      font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
     }

---

原因主要是因为有退路

如果用户没有安装特定字体，则将使用列表中的下一种字体

现在这通常是不必要的，因为每个人都安装了基本字体，如果没有，你可以告诉他们下载一个字体文件

在较旧的浏览器中，无法判断是否安装了特定字体，也无法包含自定义字体，因此这是用来提供回退机制的

---

另一个原因是Mac和Windows上的字体通常不同（它们看起来可能相似，但名称不同）。

这主要是因为回退

如果用户没有安装特定字体，则将使用列表中的下一种字体

现在这通常是不必要的，因为每个人都安装了基本字体，如果没有，你可以告诉他们下载一个字体文件

在较旧的浏览器中，无法判断是否安装了特定字体，也无法包含自定义字体，因此这是用来提供回退机制的

---

另一个原因是Mac和Windows上的字体通常不同（它们看起来可能相似，但名称不同）。

这是一种退步。如果浏览器找不到第一种字体，它会查找下一种字体，以此类推。

---

在您的情况下，它将查找

Arial

，如果找到它，它将使用它，如果没有，它将查找

Tahoma

，依此类推，它是回退。如果浏览器找不到第一种字体，它会查找下一种字体，以此类推。

---

在您的情况下，它将查找

Arial

，如果找到它，它将使用它，如果没有，它将查找

Tahoma

等等。使用多个字体系列的原因是，某些操作系统没有预安装某些字体，当css找不到该字体时，它将搜索下一个字体，依此类推

例如，Helvetica（据我所知）并不是OSX附带的，所以CSS会寻找FreeSans字体，等等

在您发布的示例中使用了多种字体，以保持网站的一致性。如果CSS没有发现安装了Times New Roman，您就不希望使用Times New Roman，然后使用“默认”漫画SAN

---

在技术术语中，它被称为“回退”，您可以在这里找到更详细的解释：

使用多个字体系列的原因是一些操作系统没有预装一些字体，当css没有找到该字体时，它会搜索下一个字体，依此类推

例如，Helvetica（据我所知）并不是OSX附带的，所以CSS会寻找FreeSans字体，等等

在您发布的示例中使用了多种字体，以保持网站的一致性。如果CSS没有发现安装了Times New Roman，您就不希望使用Times New Roman，然后使用“默认”漫画SAN

---

在技术术语中，它被称为“回退”，您可以在这里找到更详细的解释：

您显示的列表中的字体（Arial、Tahoma、Helvetica、FreeSans、sans serif）是按该顺序实现的，因此，如果可用Arial，请使用它，如果不可用，请使用Tahoma，等等

这背后的原因是，你把你喜欢的字体放在第一位，如果最终用户没有在他们的机器上安装这种字体，那么下一种字体就会被尝试，以此类推。通常，列表中的最后一种字体是如此“标准”，以至于所有用户都会使用它们（无衬线、衬线等）——基本上说是使用无衬线字体

字体声明可能如下所示：

font-family: "my weird font", "my alternative font", Arial, sans-serif;

---

因此，如果前两个不可用，将使用“Arial”，这通常被称为web安全字体，因为它与绝大多数操作系统的基本目录一起提供。

您所显示的列表中的字体（Arial、Tahoma、Helvetica、FreeSans、sans serif）是按该顺序实现的，因此，如果可以使用Arial，如果没有，请使用Tahoma等

这背后的原因是，你把你喜欢的字体放在第一位，如果最终用户没有在他们的机器上安装这种字体，那么下一种字体就会被尝试，以此类推。通常，列表中的最后一种字体是如此“标准”，以至于所有用户都会使用它们（无衬线、衬线等）——基本上说是使用无衬线字体

字体声明可能如下所示：

font-family: "my weird font", "my alternative font", Arial, sans-serif;

因此，如果前两种字体不可用，将使用“Arial”，这通常被称为网络安全字体，因为它与绝大多数操作系统的基本目录一起提供