Bootstrap中的字体系列编辑[重复]答案

【问题标题】：Font-family editing in Bootstrap [duplicate]Bootstrap中的字体系列编辑[重复]
【发布时间】：2014-06-03 21:34:45
【问题描述】：

我今天早些时候浏览了一个网站，他们的字体非常酷。我看了他们的代码，原来是这样的：

font-family: "Museo300Regular", Helvetica, Arial, sans-serif;

我在我正在构建的网站上尝试过，但它什么也没做...为什么字体更改不会在我的网站上生效。还有为什么"Museo300Regular" 用引号括起来，而其余的不是？

该网站是使用 Bootstrap 完成的，我的也是如此，所以不确定它为什么不起作用。

编辑:::::::::::

好吧，显然我必须下载它，但是如何让我的引导 sass 样式表可以访问它？

【问题讨论】：

【解决方案1】：

字体必须安装在客户端，以便浏览器可以使用它们。

在这种情况下，我假设您的 PC 中没有安装 Museo300Regular

大多数情况下，包含多个单词的字体名称用引号括起来。

CSS 2.1 规范说：

字体系列名称必须以字符串形式引用，或者不带引号作为一个或多个标识符的序列。这意味着大多数标点符号每个标记开头的字符和数字必须在不带引号的字体系列名称。

【讨论】：

【解决方案2】：

您需要下载字体并将其上传到您的服务器。好消息是这个特定的字体是free。大多数计算机上都有一些标准字体，这些字体稍后在字体堆栈中作为备用字体列出。字体堆栈告诉浏览器：加载此字体，但如果您没有该字体，则加载另一种字体，如果没有该字体，则从无衬线字体系列中加载一种。

通常您需要在名称中带有空格或特殊字符的字体周围加上引号，但有些人将引号放在所有字体上以保持一致。

【讨论】：

【解决方案3】：

它是一种网络字体，这意味着您无需在本地拥有它即可查看它。

这是 Adobe 的 Typekit 网站 https://typekit.com/fonts/museo 上的相同字体（我认为）

阅读它们，例如here

【讨论】：