自定义字体无法在 Chrome/Safari 中呈现

2024-01-01

我正在使用 CSS 方法通过在 CSS 类中使用字体名称来渲染来自 fonts.com 的字体,例如

 .myFont h3 {
   background-color: #FFFFFF;
   color: #000000;
   font-family: "ReformaGroteskW01-Mediu";
   font-size: 40px;
   font-weight: normal;
   letter-spacing: 0.04em;
   margin: 0 auto;
   padding: 0 7px;
   text-transform: uppercase;
   width: 105px;

}

字体是使用 fonts.com 提供的链接标签链接的,这适用于 Firefox,但不适用于 chome 和 Safari,似乎 webkit 浏览器没有链接到这里,我希望得到 fonts.com 的支持,但我有发现他们的支持过去非常缓慢。

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/11386172-45ea-43f5-93bd-d795e60c00af.css">

我意识到这个评论是在讨论这个问题几个月后发表的;然而,我自己也遇到了这个问题,正在寻找解决方案,然后就来到了这里。 font.com 提供的字体在 Firefox 中可以正确解析,但在 Chrome 或 Safari 中则无法正确解析。我最终通过在 font.com 的域配置中指定 www.domainname.com 和 domainname.com 解决了该问题。事实证明 Chrome 和 Safari 对此都很敏感。 (显然,font.com 的域名配置不如 typekit 灵活,输入 *.domainname.com 会自动包含 domain.com 和 www.domainname.com。)希望这对某人有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

自定义字体无法在 Chrome/Safari 中呈现 的相关文章

随机推荐

  • 科特林中的片段

    我被困在我的应用程序中 因为我必须用 kotlin 中的导航抽屉做一个片段 任何人都可以帮忙吗 我在网上搜索了很多东西 但我还没有找到任何东西 下面是我在主要活动中所做的两项 我希望它也出现在片段中 override fun onNavig
  • rxJava,定期刷新api数据

    我使用以下 observable 来调用改造 api 然后将响应保存到缓存文件中 Override public Observable
  • GLFW 打开 OpenGL 3.2 上下文,但 Freeglut 不能 - 为什么?

    我正在 Mac 上工作 我已经编译并安装了 FreeGlut 但我似乎无法使用它获取 OpenGL 3 2 上下文 不过 我在使用 GLFW 时可以毫无问题地获取它 所以在 GLFW 中 这段代码工作得很好 glfwOpenWindowHi
  • 如何强制 Firestore 客户端应用程序维护集合的正确文档计数?

    Firestore 无法查询集合的大小 因此如果客户端应用程序需要知道此值 则需要对另一个集合中的文档进行一些维护来保存此计数 但是 它要求客户端正确执行事务 以便在添加和删除文档时保持此计数最新 恶意或损坏的客户端可能会独立修改集合或计数
  • 带图片背景的点领导者

    所以我正在为一家餐厅建立一个网站 但我陷入了困境 我正在尝试在那里创建菜单 这个想法是将食物名称向左对齐 价格向右对齐 并用点填充它们之间的空白 像这样 汉堡 4 00 美元 XXL 汉堡 4 00 奶昔 4 00 美元 我找到了几种解决方
  • 在 Android 中使用 putSerialized

    putSerialized 坏了吗 当我使用 putSerialized 传递 null 时 FillSummary class 会按其应有的方式启动 然而 如果我传递 TestSerial 对象 Android 就会强制关闭 我需要做什么
  • PyDev 无法识别 PyQt5

    我正在关注 pyqt 教程 并得到以下代码 import sys from PyQt5 QtCore import from PyQt5 QtGui import from PyQt5 QtWidgets import class Exam
  • api-platform.com 无法为该类型的项目生成 IRI

    我正在尝试设置我的第一个 api 平台实例 并且遇到了一些关于 IDE 的可能是菜鸟问题 我想做的是设置一个注册和重置实体 以便处理来自应用程序的注册和密码提醒 然后将实体传递给自定义控制器以进行一些检查 平衡和邮件 还没有抽出时间 但在发
  • “center_horizo​​ntal|center_vertical”和“center”之间有什么区别

    我想将图像置于线性布局的中心 有什么区别吗 android gravity center horizontal center vertical and android gravity center 不 没有区别 根据源码 public st
  • 与(有符号)枚举值的按位运算

    我正在使用标志的枚举值 typedef enum a 0x00 b 0x01u the u has no influence as expected c 0x02u the u has no influence as expected en
  • PHP:如何使用php捕获浏览器窗口屏幕?

    首先 我不确定是否可以用php捕获浏览器窗口屏幕 那么 怎么做 如果可能的话 最好只捕获网站内容 不包括菜单栏 工具栏 状态栏等浏览器部分 Thanks 有imagegrabscreen http php net manual de fun
  • PHP 5.x 是否有某种 HashSet 或 Set 类?

    我已经习惯了 JavaHashSets ArrayLists和别的Collections 但我现在正在开发一个 PHP 项目 我需要创建一个集合 用对象 在本例中为字符串 填充该集合 但该集合只能包含每个对象一次 另外 我想最终从该集合中删
  • 如何将 mysql 数据库从 phpmyadmin 推送到heroku 的cleardb?

    我正在使用 WAMP 服务器来运行我的 php 应用程序 我在 phpmyadmin 中有一个数据库 BOOK 我怎样才能将这些数据推送到heroku 我已经使用 add on 将cleardb 添加到我的应用程序中 heroku conf
  • jquery - 选择所有带有 js 数组名称的复选框

    我想以如下形式使用 JQuery 检查全部 功能 http jetlogs org jquery jquery select all html http jetlogs org jquery jquery select all html 我
  • MySQLdb、mysqlclient 和 MySQL 连接器/Python 之间有什么区别?

    所以我一直在尝试用 python 进行一些数据库更新 在设置整个开发环境时 我遇到了这三件事让我头晕 There s MySQLdb http mysql python sourceforge net MySQLdb html There
  • 使用 Phonegap 处理 Windows Phone 上的 401 未经授权错误

    我正在 Windows Phone 7 上创建一个带有phonegap 的应用程序 需要在服务器上进行身份验证 当我们使用正确的用户名和密码登录时 我们会得到 200 状态 一切正常 但是 如果我们输入错误的登录名或密码 服务器会向我们发送
  • VM 上的 Windows Phone 7 模拟器?

    Windows Phone 7 SDK 似乎不支持在虚拟机内运行 在 Parallels 上 当模拟器启动时 整个虚拟机就会崩溃 不过 在网络上 一些人报告说他们可以通过更改大量虚拟机设置来使用它 我必须更改什么才能运行它 我对 Paral
  • git diff 与 opendiff 给出“无法启动 FileMerge”错误

    我将 git 配置为使用 bin opendiff git sh 作为我的外部 diff 工具 该脚本如下所示 opendiff 2 5 当我尝试从命令行执行 git diff 时 我收到以下消息 2011 02 18 13 58 55 5
  • 有没有办法实时存储/更新 Facebook api“分享”、“喜欢”将网站上的每个页面计数到数据库?

    有没有办法实时存储 更新 Facebook api 分享 喜欢 将网站上的每个页面计数到数据库 我只是不知道如何做 也看不到任何例子 所以请任何建议 我们将不胜感激 例如 它可以对所有数据进行排序来解决这样的问题如何使用 Graph API
  • 自定义字体无法在 Chrome/Safari 中呈现

    我正在使用 CSS 方法通过在 CSS 类中使用字体名称来渲染来自 fonts com 的字体 例如 myFont h3 background color FFFFFF color 000000 font family ReformaGro