使Bootstrap使用已下载的Google字体

Question

我下载了Google Font Poiret One，并希望将它与Bootstrap配合使用。然而，到目前为止，这种情况还不顺利。它看起来像Comic Sans。

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

这就是我用来引用字体的方法。文件名是正确的。

font-family: 'Poiret One', cursive;

这是CSS部分。

我做错了什么？

Answer 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?

Answer 2

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

src的{​​{1}}属性应该是CSS文件而不是字体文件。

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

link

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