Question

我正在尝试将Source Sans Pro字体设置在我的网站上，而这些设备本身没有字体。我过去遇到过这个问题，但从未真正深入到底。

这是我的网站（免责声明：我不是设计师）： http://www.nickysfolders.com/?SessionThemeID=34#

我有...... 1.将font-face放在我称之为字体的样式表上

@font-face
{
 font-family: 'Source Sans Pro', Comic Sans MS;
 src: url('SourceSansPro-Regular.ttf');
}

调用字体

.footer-text{
 font-family: 'Source Sans Pro';
 color: #636466;
 font-size: 14px;
 font-weight: 400;
 }

我已经下载并将所有字体.ttf文件直接放在相同 css文件夹
< / LI>
我希望这可以在我测试它的所有计算机上运行，但事实并非如此。相反，它倒退到新罗马或无衬线的时代？这就是为什么我做了后备漫画sans，所以我知道，如果它实际上是首先访问它。显然不是吗？

感谢您的时间。如果我应该提供任何其他细节，请告诉我。

Answer 1

或者，您可以使用HTML中的<link>标记导入...

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

或此CSS导入...

<style>
    @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
</style>

您可以在Google Fonts上自定义您想要使用的变体。

从Google或您自己的服务器链接或嵌入字体文件后，font-family: 'Source Sans Pro', sans-serif;应该可以正常使用。