使 Bootstrap 使用下载的 Google 字体 [重复]答案

【问题标题】：Make Bootstrap use downloaded Google Font [duplicate]使 Bootstrap 使用下载的 Google 字体 [重复]
【发布时间】：2017-01-17 17:38:47
【问题描述】：

我下载了 Google Font Poiret One，并希望将它与 Bootstrap 一起使用。但是，到目前为止，效果并不好。它看起来像 Comic Sans。

<link rel="stylesheet" href="fonts/PoiretOneregular.ttf">

这是我用来指代字体的。文件名正确。

font-family: 'Poiret One', cursive;

这是 CSS 部分。

我做错了什么？

【问题讨论】：

【解决方案1】：

您正在尝试使用样式表链接链接到 .ttf 字体文件，据我所知这是不可能的。您总是可以尝试使用 CDN 来代替

<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">

如果您想使用本地下载的字体，请查看： How do I load external fonts into an HTML document?

【讨论】：

【解决方案2】：

您正在尝试链接到您的实际字体文件（.ttf 文件）作为样式表。

link 的 src 属性应该是 CSS 文件而不是字体文件。

例如，如果您直接从 google 链接到字体系列，则这是链接标签：

<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">

CSS 文件将包含对实际字体文件的引用，因此如果在更改 src 后仍有问题，请打开 CSS 文件并确保字体文件的路径正确且相对于 CSS 文件。

【讨论】：