firefox @font-face 因 fontawesome 失败

2023-11-22

我在运行的 OSS 应用程序上使用 FontAwesome 字体,但我似乎无法通过 Firefox 的字体清理程序。

这些文件都在同一个域中提供,路径是正确的,我使用的是 FontAwesome 的官方 css,当通过其网站和本地文档提供时,它可以在 Firefox 中工作。

所以我一定错过了一些简单的东西。

直播网址:https://bmark.us

[11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css
[11:39:02.945] downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css

以下是我尝试通过 dev 纠正此错误时 Firefox 错误的示例。我尝试过执行完整的根路径 /static/font 以及相对于 css ../font/ 的路径,但对我来说它总是失败并出现这些错误。

一切都可以在 Chrome 等环境中运行。看来 Firefox 讨厌我。我搜索了其他答案,得到了整个系列的字体。

https://github.com/mitechie/Bookie/tree/develop/bookie/static/font

感谢您的任何提示。


谢谢,这是一个由两部分组成的问题。

首先是第二部分。 fontawesome.scss 中的示例 css 在各种字体格式的路径周围使用单引号。当我在它们上运行我的 scss 构建器(pyscss)时,它剥离了它们。它们需要用双引号引起来。

由于没有引号,FF 无法解析 src: url(...) 位。因为它失败了,所以它只有 src: ..eot 这意味着 IE 应该有,并且它在 FF 中不起作用。

将引号更改为双引号使一切都变得愉快。

所以这是我使用 pyscss 的错误,它的解析器最终破坏了 Firefox 的语法。

Thanks Matt帮助我更仔细地观察这一点。

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

firefox @font-face 因 fontawesome 失败 的相关文章

  • Firefox 中是否有相当于 Chrome 标志“不安全来源被视为安全”的功能?

    我在用 Insecure origins treated as secure 在 Chrome 中标记用于开发目的 我添加了一些网站 例如http myWebsite port 它在 Chrome 中运行得很好 现在我需要在 Firefox
  • 使用 Firefox 插件发出跨域 ajax 请求

    我对如何在 Firefox 插件中发出跨域 ajax 请求感到有点困惑 LastPass 和 Xmarks 等插件建议你可以做到这一点 但是当我尝试用 google 搜索你是如何做到这一点时 每个人似乎都说你不能 除非用户在 Firefox
  • 如何在 Firefox 上的 html 表上触发 onkeydown 事件?

    我想捕获表格单元格上的击键 我有以下代码 可以在 IE 上运行 但不能在 Firefox Chrome 上运行 table br tr td testing td tr br table br 有什么建议吗 http www w3schoo
  • 我可以在 Chrome 中禁用本地字体吗?

    我工作的系统总是因为谷歌字体加载而出错 但我看不到字体何时未加载 因为我在本地 对于 Photoshop 有所有这些字体 所以字体在我的计算机上看起来不错 所以 我想在 Chrome 中禁用所有这些字体 这样我就可以快速查看谷歌字体是否正确
  • 字体粗细仅适用于粗体。其他不起作用[重复]

    这个问题已经存在了 我正在从本地网站加载字体 font face 无法正常工作 有些字体粗细不起作用 只做大胆的人 当我将字体粗细更改为 light lighter 400 500 等时 它不起作用 我完全被困住了 有人帮忙吗 My Net
  • Firefox 显示损坏的图像

    在 Firefox 中 损坏的图像仅显示为空白 在白色背景上 无法区分无图像和损坏的图像 这使得识别损坏的图像变得难以识别并且无法纠正 如何使损坏的图像像在 Internet Explorer 中那样产生 X 我知道这个问题不久前被问过 但
  • 如何阻止特定选项卡上的 HTTP 请求?

    我正在开发一个 FF 插件 我想阻止除特定域之外的任何域的所有 http 请求 用户定义域 在特定选项卡中 下面给出的函数可以很好地完成这项工作 但问题是它会阻止来自所有选项卡的 http 请求 如何仅在特定选项卡中启用以下功能 如何获取与
  • 客户端 websocket 限制消息长度

    我正在使用 node js 开发一个 websockter 服务器 并且我发现了 Chrome 中的一些怪癖 Chrome OS X 10 7 64 位 上的最大字符串长度为 17740 而 Firefox 似乎可以毫无问题地处理非常大的字
  • Font Awesome 图标作为 Google Maps API V3 中的标记

    我想使用一个很棒的字体图标作为 Google 地图标记 这是我的代码 function addMarker marker marker1 new google maps Marker position new google maps Lat
  • 如何等待第一次画布重绘,直到 @font-face-font 加载?

    我有一个 HTML5 画布并用它编写文本context fillText 使用 font face font 使用 Firefox 3 6 显示页面我遇到问题 在画布的第一次绘制上 字体尚未下载 因此文本将以标准字体显示 我找到了一个 解决
  • 竖线 (|) 是有效的 CSS 还是 Firefox 特定的?

    我注意到 Firebug 中的这条规则 link color 0000EE 我不确定我是否见过竖线 前 它位于 about PreferenceStyleSheet 中 因此它可能是 Firefox 特定的 这是什么意思 有参考链接吗 我以
  • Google 字体衬里数字

    我正在使用Raleway http www google com fonts specimen Raleway字体和谷歌字体的描述说 下载的内容既有旧风格 也有衬里数字 我找不到任何说明文件how到行数字 有谁知道我该怎么做 回答我自己的问
  • Selenium Python Firefox webdriver:无法修改配置文件

    我想在 Webdriver Firefox 实例上使用 新选项卡而不是窗口 选项 1 我创建了一个启用此选项的配置文件 但是当我使用该配置文件时 很多选项都可以 但不是这个 2 加载配置文件后 我尝试更改代码中的选项 但它不起作用 我的代码
  • FontAwesome SVG 图标与 Vuetify - 如何在 v-icon/prepend-icon 中使用?

    我是 Vue 新手 找不到如何在 v icon 和 prepend icon 中使用 FA SVG 图标的确切答案 如果我使用
  • 编辑和重播 XHR chrome/firefox 等?

    我一直在寻找一种方法来改变XHR request在我的浏览器中制作 然后再次重播 说我有完整的POST请求在我的浏览器中完成 我唯一想要更改的是一个小值 然后再次播放 直接在浏览器中执行此操作会更容易 更快捷 我用谷歌搜索了一下 但没有找到
  • 检测 WebGL 支持的正确方法?

    我正在尝试跨多个浏览器检测 WebGL 支持 并且遇到了以下情况 当前版本的 Firefox 似乎使用以下检查来报告积极支持 即使访问者的视频卡被列入黑名单和 或 WebGL 被禁用 if window WebGLRenderingCont
  • 链接无效

    我正在尝试使用以下命令创建一组指向页面中特定部分的链接 a href 符号 但它似乎不起作用 点击链接似乎没有任何反应right click gt open in a new tab更改 url 但不会移动到页面的其他部分 我使用的是火狐浏
  • 指南针字体输出错误的字体文件路径

    font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc
  • 隐藏滚动条,但仍然可以滚动

    我希望能够滚动整个页面 但不显示滚动条 在谷歌浏览器中它是 webkit scrollbar display none 但 Mozilla Firefox 和 Internet Explorer 似乎不是这样工作的 我也在 CSS 中尝试过
  • 同源请求会导致“Access-Control-Allow-Origin 不匹配”错误,尽管来源当然匹配。注意:具有带“沙箱”的 CSP 策略

    当 的时候exact sameCORS 及其网页的 URL 都使用了 URL 但我在 Firefox 开发控制台中仍然收到相同的错误消息 浏览器控制台消息为 Cross Origin Request Blocked The Same Ori

随机推荐

  • 使用 EL 获取绝对 URL

    如何使用当前协议 端口 应用程序等 不使用 scriptlet 仅 EL 来构建当前服务器的绝对 URL 您可以借助上下文根获取基本 URLJSTL如下
  • Android的BaseAdapter是适配器模式的一个例子吗?

    Android 类 BaseAdapter 的名称中包含 Adapter 是因为它遵循 Adapter 模式还是只是巧合 来自维基百科 在计算机编程中 适配器模式 通常称为 包装器模式或简称为包装器 是一种设计模式 将类的一个接口转换为兼容
  • com_error: (-2147352567, '发生异常。', (0, 无, 无, 无, 0, -2147024809), 无)

    从 Excel 工作表生成 pdf 时 我收到以下错误 ws ExportAsFixedFormat 0 save as File
  • 在 Python 中使用对象 id 作为对象的哈希值

    使用该对象是否明智id作为哈希键 通过 hash 能够为程序的单个实例对可变对象进行哈希处理 使用对象属性会更好 但它们都是可变的并且可以更改 我在看时想到了这一点实例集我想知道这是否明智 是的 只要您还定义 eq 并且大概 ne 与此一致
  • 并行流非并发无序收集器

    假设我有这个自定义收集器 public class CustomToListCollector
  • WPF:如何从 Fonts.SystemFontFamilies 中过滤掉非罗马字体?

    我知道如何使用几行 XAML 创建一个 WPF 字体选择器 绑定到Fonts SystemFontFamilies 感谢 Norris Cheng 的精彩博客文章 但我不知道如何过滤掉所有国际和其他非罗马字母字体系列 我的用户不太可能需要
  • Roxygen 真的可以像 Doxygen 对 C++ 那样记录 R 脚本(而不是包)吗?

    Roxygen 的灵感来自 C C 程序员使用的 Doxygen 文档系统 我使用过 Doxygen 我发现只要有 doxygen 注释 记录任何程序都非常容易 它还生成函数和类的调用图 我认为 roxygen 会以同样的方式工作 但是当我
  • Grails sql 查询

    想象一下我有这样的东西 def example def temp ConferenceUser findAllByUser User get session user temp temp 解释我的问题 虽然动态查找器非常易于使用且学习速度很
  • 如何在Python中获取文本字符串的视觉长度

    如同这个问题 我不是问如何查找字符串中的字符数 我想确定渲染时字符串的视觉长度或将其与另一个字符串进行比较 例如 iiii 和 WWWW 都有四个字符 然而 iiii 在视觉上更短 我知道这是由字体决定的 并且我不使用等宽字体 因此 为了解
  • 如何修改运行时加载的 DLL 的导入地址表

    我想挂钩在运行时从加载的 DLL 调用的函数 我使用了 Windows Via C C 一书中的 CAPIHook 类 DLL 注入由 Install System Wide hook 完成 The hooking 由修改 IAT 完成 但
  • 如何填充 UIView 的背景图片

    我有一个UIView我这样设置背景图片 self view backgroundColor UIColor colorWithPatternImage UIImage imageNamed sfond appz png 我的问题是背面图像不
  • 从技术上讲,是否可以通过编程方式截取网站的屏幕截图?

    您认为以编程方式截取网站的屏幕截图在技术上可行吗 我想制作一个计划的 Python 任务来抓取网站列表并截取它们的主页屏幕截图 您认为技术上可行吗 或者您是否知道提供此类服务的第三方网站 Input url gt Output screen
  • “借用的数据不能存储在其封闭之外”是什么意思?

    编译以下代码时 fn main let mut fields Vec new let pusher mut a str fields push a 编译器给我以下错误 error borrowed data cannot be stored
  • python-docx:将表解析为 Pandas Dataframe

    我正在使用python docx用于提取 MS Word 文档的库 我可以使用同一个库从Word文档中获取所有表格 但是 我想将表解析为 panda 数据框架 是否有任何内置功能可以用来将表解析为数据框架 或者我必须手动执行此操作 另外 是
  • 如何处理同构呈现形式的早期输入

    我有一个 React 应用程序 其中包含一个表单 该表单在服务器端呈现 并预先填充了用户正在进行的工作 问题是 如果用户在应用程序加载之前编辑表单中的值 则应用程序不会意识到更改 当用户保存时 服务器呈现的未更改的数据将被重新保存 并且用户
  • EventSource:总是出现错误

    首先EventSourceAPI 我写了最学术的例子 问题是我总是遇到错误 而且找不到任何有用的信息 当我加载时home html JS脚本停止于source onerror 我将其打印到控制台 但分析对象时我找不到任何错误类型或消息 所以
  • Laravel:vue 组件未渲染

    尽管遵循了以下教程 但我的 vue 组件并未在页面上呈现 我有以下布局 master blade php
  • 如何导航到父活动

    好吧 当我在做某事并且我需要在我的应用程序中配置操作栏时 我从http developer android com我找到了我要找的东西 public boolean onOptionsItemSelected MenuItem item s
  • geom_bar 的 gganimate 问题?

    自从 David Robinson 发布了他的 gganimate 包以来 我一直怀着羡慕和钦佩的心情看着 Twitter 上出现的各种 ggplot 动画 并认为我自己也可以玩一玩 我在使用 geom bar 时遇到 gganimate
  • firefox @font-face 因 fontawesome 失败

    我在运行的 OSS 应用程序上使用 FontAwesome 字体 但我似乎无法通过 Firefox 的字体清理程序 这些文件都在同一个域中提供 路径是正确的 我使用的是 FontAwesome 的官方 css 当通过其网站和本地文档提供时