Comic enhancer pro:我的字体不能在所有设备上工作

我试图让 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;应该可以正常工作。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(471)
端口查询:elasticsearch嵌套范围查询
上一篇
Ek mtc:获取TPM的公共EK:前导/尾随位的含义
下一篇

相关推荐

  • comeandgetyourlove音乐爱就在你身边

    Come and Get Your Love是一首热门的歌曲,由美国摇滚乐队Redbone演唱。这首歌曲于1974年发行,被收录在他们的专辑《Wovoka》中。歌曲以放克曲风为主,旋律活泼,曲调悠扬,歌词朗朗上口,深受歌迷喜爱。…

    2023-06-29 07:47:31
    0 42 76
  • css预编译器: center;}

    CSS预编译器是一种用于构建CSS的工具,它可以将CSS代码转换为更易于管理和维护的格式。它们可以使CSS代码更加灵活,更易于重用,并且可以帮助开发人员更轻松地组织和管理CSS代码。…

    2023-04-30 05:19:08
    0 98 38
  • python中predict函数参数:如何使用Python的predict函数进行机器学习预测

    示例示例predict函数是scikit-learn中的一个函数,用于预测新样本的输出结果。参数:…

    2023-03-30 08:03:12
    0 24 57
  • canvas 官网Bring Your Ideas to Life with Creative Artwork

    Canvas 官网是一个用于创建图形的 HTML5 API,它可以在浏览器中使用 JavaScript 来绘制 2D 图形。它提供了一个可以在网页上绘制图形的强大工具,可以用来创建动画、游戏、数据可视化等。…

    2023-02-28 09:52:08
    0 25 22
  • qt creator快速入门 第3版 pdf从零开始

    Qt Creator快速入门第3版是一本关于Qt Creator的教程书,旨在帮助读者快速掌握Qt Creator的使用。书中介绍了Qt Creator的基本功能,如如何创建项目、编辑代码、调试代码以及创建应用程序等等。书中还提供了一些实例代码,帮助读者更好地理解Qt Creator的用法。…

    2023-05-16 03:03:33
    0 27 10
  • cherry键盘win键不能用:解决Cherry键盘Win键无法使用的措施

    如果您的cherry键盘win键不能用,可能是由于系统设置问题导致的。下面提供一些代码,可以帮助您解决这个问题:打开“控制面板”,然后点击“硬件和声音”,打开“键盘”选项卡。…

    2023-08-27 03:36:33
    0 96 17
  • certificate意思一步一步指南

    示例示例是一种用于证明某个人或机构拥有某种资格或资质的文件。它可以是一种认证,也可以是一种奖励或认可。代码示例:…

    2023-09-14 15:01:58
    0 55 75
  • win10系统ctrl加c不能复制:解决win10系统下Ctrl+C不能复制的问题

    解决方案解决方案答:可能是由于系统快捷键被修改所导致的,可以尝试恢复系统默认快捷键;…

    2023-04-15 00:45:32
    0 56 78

发表评论

登录 后才能评论

评论列表(21条)