我试图让 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,所以我知道,如果它实际上是首先访问它。显然不是吗?
谢谢你的时间。请让我知道,如果我应该提供任何其他细节。
或者,您可以使用 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条)