我试图让 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 文件放在 font-face 可以访问它们的位置，直接放在相同css 文件夹中
我预计这将适用于我测试过的所有计算机，但事实并非如此。相反，它又回到了新罗马或无衬线时代？这就是为什么我制作了备用漫画 sans，所以我知道，如果它实际上是首先访问它。显然不是吗？
谢谢你的时间。请让我知道，如果我应该提供任何其他细节。
0
或者，您可以使用 HTML 中的<link>标记导入...
<link xxx="https://fonts.googlea.com/css?family=Source+Sans+Pro" rel="stylesheet">
或者这个 CSS 导入...
<style>
@import url('https://fonts.googlea.com/css?family=Source+Sans+Pro');
</style>
您可以在Google Fonts上自定义要使用的变体。
一旦您链接或嵌入了来自 Google 或您自己的服务器的字体文件，那么font-family: 'Source Sans Pro', sans-serif;应该可以正常工作。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处
评论列表（21条）