html - 网站字体在在计算机上上传到Web主机之前在计算机上看到时有所不同。怎么纠正？

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

Chrome和许多浏览器似乎没有此字体。

上传时是否可以通过某种方式将该字体包含在网站中，以便观众看到PT Sans Narrow？

可以看到该网站here

就像您看到的那样，PT Sans Narrow中没有“ Hi！I am ...”之类的内容。

如何制作该字体以及所有其他PT Sans Narrow？

非常感谢您的帮助！

最佳答案

您将要在标题中添加一个指向字体的链接。

<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文件中调用了字体，因此，只要将链接添加到标题中，字体就可以正常工作。

关于html - 网站字体在在计算机上上传到Web主机之前在计算机上看到时有所不同。怎么纠正？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20684074/