html - 在计算机上看到的网站字体与之前上传到网络主机上的网站字体不同。如何纠正？

Question

我正在制作一个使用字体“PT Sans Narrow”的网站

Chrome 和很多浏览器好像没有这个字体。

有什么方法可以在上传时将此字体包含在网站中，以便观众看到 PT Sans Narrow？

可以看到网站here

如您所见，“嗨!我是……”等内容不在 PT Sans Narrow 中。

如何使该字体和所有其他 PT Sans 变窄？

非常感谢您的帮助!

Answer 1

您将要在页眉中放置一个指向该字体的链接。

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>

然后，您的 html 将需要这样的内容:

<span class="pt-sans-narrow">Hi! I am ...</span>

你的 css 看起来像这样:

#pt-sans-narrow {
    font-family: 'PT Sans Narrow', sans-serif;
}

编辑

查看您的网站后，您已经在正文中调用了 style.css 文件中的字体，因此如果您只将链接添加到页眉，它应该一切正常。