【问题标题】:Forcing use of online webfont over local font, when unable to change font-family当无法更改字体系列时,强制使用在线网络字体而不是本地字体
【发布时间】:2014-08-22 11:28:27
【问题描述】:

我正在使用我也安装在我的系统上的网络字体。我希望网页强制显示本地副本的远程服务字体 INSTEAD。 I've seen this question answered here 除了该解决方案假定我可以编辑字体系列名称,但我不能(我使用的是 TypeKit 和 Hoefler 字体,它们只提供一个 JS 来加载字体)。

有什么想法吗?

【问题讨论】:

  • 为什么不是change the name of the font你已经在本地安装了?
  • 我正在寻找仅浏览器/css 的解决方案。此外,我指定了这些字体的任何本地文件现在在找不到它们时都会失效。
  • 如果您无法编辑 CSS/HTML,那么您认为可以在浏览器中完成什么?您必须编辑原始 CSS 中的 @font-face 规则,或者添加/注入覆盖原始 @font-face 的 CSS,其中没有 local() 声明。
  • 我们在一个问答网站上...我特意询问是因为我知道我能做什么或不能做什么。据我所知,有一些不起眼的 font-family:arial[browser] 命令或者我可以在我的 CSS 中放入的东西......谁知道呢?

标签: css fonts font-face font-family typekit


【解决方案1】:

您必须覆盖由 Typekit JavaScript 生成的 CSS,以便它跳过字体的本地版本。检查 Typekit 生成的 @font-face 规则,将其复制到您的 CSS,然后删除 local() 部分。

【讨论】:

  • 我只需要根据上述修改 @font-face 规则,但没有 local 部分 - 基本上我只是更改了字体系列名称,但保持 URL 相同
猜你喜欢
  • 2018-12-03
  • 2016-06-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多