Heroku 和 @font-face - 嵌入字体不会在 Heroku 上显示

2024-04-22

我有几个licensed我使用 CSS 嵌入到 Rails 应用程序中的字体@font-face标签。这些字体位于"../Public/Fonts/"我的 Rails 3 应用程序中的路径并在我拉下存储库并运行的任何本地计算机上完美呈现。

然而,当我将我的应用程序推送到 Heroku 时,它似乎找不到字体。您可以看出它正在查找字体目录,但永远无法访问它们。我在哪里放置字体或如何在 @font-face 声明中键入字体路径似乎并不重要。

我的字体位于#{RAILS.root}/public/fonts/ChunkFive

这是我的@font-face 声明:

@font-face {
font-family: "ChunkFive";
src: url("../fonts/ChunkFive/ChunkFive-webfont.eot");
src: local("?"),
url("../fonts/ChunkFive/ChunkFive-webfont.woff") format("woff"),
url("../fonts/ChunkFive/ChunkFive-webfont.ttf") format("truetype"),
url("../fonts/ChunkFive/ChunkFive-webfont.svg") format("svg");
}

以下是我收到的每种字体的 404 资源未找到消息:

Request URL:http://thedanbarrett.heroku.com/fonts/ChunkFive/ChunkFive-webfont.woff
Request Method:GET
Status Code:404 Not Found
Request Headers
Referer:http://thedanbarrett.heroku.com/home
User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.10 
(KHTML,like Gecko) Chrome/8.0.552.224 Safari/534.10
Response Headers
Age:0
Connection:keep-alive
Content-Length:727
Content-Type:text/html
Date:Wed, 05 Jan 2011 15:25:21 GMT
Server:nginx/0.7.67
Via:1.1 varnish
X-Runtime:0.001344
X-Varnish:764492621

奇怪的是,它在同一个根文件夹中查找并加载样式表、图标和图像。只是重申一下,字体嵌入并可以从本地服务器完美运行,即使在未安装字体的主机上也是如此。

我确实在网上找到了一个参考资料,提到有人有类似的问题,他改变了他们的配置.ru and 环境.rb文件以使其与 Heroku 友好,但我似乎找不到它。

提前感谢各位小黄人的帮助!

~Dan


所以事实证明资源的根被设置为Public/Stylesheets所以我在字体部分的路径声明是无意义的。我采取了简单的方法,将字体移到样式表目录下,现在一切正常!

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

Heroku 和 @font-face - 嵌入字体不会在 Heroku 上显示 的相关文章

  • IE 中的 HR 标签 - 删除边框

    在除 IE7 及更低版本之外的其他浏览器中 hr 在 hr 标签周围显示边框 但我不希望它出现 我已经尝试过这个解决方案 但它周围似乎仍然有边框 它看起来像这样 我该如何摆脱它 See http webdesign about com od
  • 当百分比填充定义元素高度时忽略 max-height

    The max height当内部填充大于最大高度值时 属性值似乎被忽略 例如 在元素上设置此类会导致最大高度被忽略 max height ignored height 0 or auto makes no difference max h
  • 引导行之间的垂直间距

    所以我正在研究布局 为了 响应能力 我决定使用 Bootstrap 现在我猜网格系统有问题 我想要的结果如下 1 4 2
  • HTML 元素的默认背景颜色是什么?白色还是透明?

    我只是被一个简单的问题困住了 想弄清楚 HTML 元素的默认背景颜色是什么 是白色的还是透明的 默认背景颜色是透明的 看这里 https developer mozilla org en docs Web CSS background co
  • 使用@font-face时浏览器下载什么字体

    font face 有点令人困惑 因为所有浏览器都无法决定使用哪种文件格式 下面是我目前正在使用的向网站添加 1 个新字体的方法 您可以看到有 4 个单独的字体文件 我知道每个文件都是因为某些浏览器支持不同的格式 但浏览器是下载所有文件还是
  • 在 HTML5 iOS 7 / iOS 8 中显示十进制键盘

    经过几个小时的搜索后 我只是有一个简单的问题 是否有可能在网络浏览器输入字段中显示小数键盘 input type number 只显示数字 但我需要在左下角使用逗号或点 我尝试过任何事情 pattern step等等 但没有显示十进制键盘
  • 如何向 CSS 形状添加偏移轮廓?

    我在创建带有斜角边缘的块时遇到了一些问题 此外我需要一个斜角的边框并稍微偏离主块 问题是这个块可以根据屏幕响应 不知道具体的方法 希望大家帮忙 这就是我现在所做的 box display flex padding 20px height 2
  • 我想要一个默认选择空白值的日期选择框

    我用了以下date select助手 但没有一个显示默认情况下选择空白值的日期选择框 通过以下所有代码 我得到了选择框 但选择了当前日期 我在 Rails 2 3 2 上
  • Internet Explorer 中的锯齿状按钮边缘

    如何去除 Internet Explorer 中宽按钮的锯齿状边缘 例如 您还可以通过设置来消除 Windows XP 的按钮样式 以及 Windows 的所有其他版本 background color and or border colo
  • 如何处理 Django 中的错误

    我想让我的 django 应用程序尽可能对用户友好 并且我想处理适当的错误并让它推出类似于 javascript 中的警报的错误消息 我想在没有上传文件时执行此操作 因此 当按下上传按钮并且尚未上传任何内容时 将会发出一条警报消息 我的看法
  • Ruby on Rails 服务器在 HTTPS POST 请求期间崩溃

    我正在尝试与你沟通城市飞艇API http urbanairship com docs push html broadcast使用 ROR Web 应用程序 在我的控制器中 我有以下代码 require net http require n
  • 嵌套计算操作

    希望这很简单 我想使用CSS calc操作来执行两个计算 我想将宽度设置为等于 100 7 2 但是 如果我尝试在 CSS 计算操作中执行多个操作 则会失败 width calc 100 7 2 如何在一个 CSS 语句中执行多个计算操作
  • 将按钮文本放在一行上

    我的按钮文本在 safari 中显示在一行上 即使在初次单击后 但是在 google chrome 上 当您第一次到达该按 钮时 我的按钮将显示在一行上 但是当您浏览更多帖子并再次遇到 加载更多 按钮时 文本搞砸了 这只发生在谷歌浏览器上
  • 使用 CSS 网格布局使网格项内的元素高度相等

    我在长度超过 4 的 div 中有一系列文章 没有任何舍入行标签 我需要将其表示为每行 3 篇文章 列 的表格 可能包含display grid 每篇文章都有页眉 章节和页脚 如何在每行文章内实现每个标题的等高 每个部分的等高以及与文章底部
  • 为不同的字体系列指定不同的字体大小

    有没有办法为不同的字体系列指定不同的字体大小 我想要使 用的字体 出于产品品牌目的 是一种有点罕见的字体 FlashDLig 并非所有 PC 和浏览器都支持 我的一台带有 IE 9 的 Windows 7 PC 不显示它 现在 对于我使用
  • 内嵌显示定义术语和描述

    我正在为页面上的某些元素使用定义列表 并需要它们内联显示 例如 它们normally看起来像 我需要它们看起来像 注意多个 DD 我可以让它们在 moz 中使用 float 来正常工作 但无论我尝试什么 它们都无法在 IE 中工作 我通常会
  • 如何删除标题中的粗体?

    我有一个标题 h1 THIS IS A HEADLINE h1 如何使短语 THIS IS 不加粗 其余部分不做任何更改 我在文本装饰中找不到任何相关标签 标题看起来很粗体 因为它大尺寸 如果您已应用粗体或想要更改行为 您可以执行以下操作
  • 为 RoR 中的每个用户创建新的 URL 路径

    如何在 Ruby on Rails 中实时创建新的 URL 路径 例如 我希望我的用户拥有 name XXX com 或 XXX com name 仅供参考 我在 Heroku 上托管代码 看看 subdomain fu 插件 https
  • 仅针对 Rake 任务运行初始化程序

    我希望在执行 Rake 任务时运行某个初始化程序 但在运行 Rails 服务器时不运行 区分 Rake 调用和服务器调用的最佳方法是什么 Rake 允许您指定任务的依赖关系 最好的建议操作是将特定于 rake 的初始化放入其自己的任务中 而
  • 将查询字符串参数作为表单发布的一部分发送

    有没有办法捕获查询字符串并将其作为表单帖子的一部分发送 我正在使用 Rails 2 3 5 我的用户所在的页面有多个查询字符串参数 在此页面上 他们将提交一份表格 在接收帖子的操作中 我想知道这些查询字符串参数是什么 显然 它们不是作为邮件

随机推荐

  • Ember数据渲染有很多

    在我的 ember 应用程序中 我有一个模型 App Schedule DS Model extend manager DS belongsTo App Manager embedded true entries DS hasMany Ap
  • 异步运行 PHP 任务

    我正在开发一个较大的 Web 应用程序 后端主要是 PHP 代码中有几个地方我需要完成某些任务 但我不想让用户等待结果 例如 当创建一个新帐户时 我需要向他们发送一封欢迎电子邮件 但是 当他们点击 完成注册 按钮时 我不想让他们等到电子邮件
  • 重命名 Azure 存储表?

    是否无法重命名 Azure 存储表 我似乎无法在网上找到任何东西 甚至是 cmdlet Visual Studio Server Explorer Cloud Storage Studio 或 TableXplorer 中没有此选项 你是对
  • 如何删除 vscode 中这个烦人的 Push Changes 按钮?

    它以前不存在 由于某种原因它最近出现在我的 vscode 中 也许是在更新之后 那么有人知道如何删除这些按钮吗 Thanks 从 v1 69 开始 有新设定 https code visualstudio com updates v1 69
  • Git:忽略公共存储库的文件,但不忽略私有存储库的文件

    我正在通过 git 在 Heroku 上部署 Rails 应用程序 目前 并且还希望有一个公共版本供人们查看 有些文件是敏感的 只能在 heroku 分支中提交和推送 而不是在 public 分支中提交和推送 解决这个问题的最佳方法是什么
  • 如何手动验证 SAMLResponse 签名?

    鉴于以下 SAML 响应 我如何手动验证签名是否有效 我认为我应该依赖元数据中提供的 IDP 证书 而不是响应本身中的证书 尽管它们应该是相同的 有没有办法使用 openssl 或 xmlsec1 命令来执行此操作
  • 根据 C# 的属性之一从列表中删除重复的项目

    我有类型类别的列表 public class MyClass public SomeOtherClass classObj public string BillId public List
  • 在水晶报告中转义字符串中的双引号

    水晶报表函数中如何转义双引号 我的代码 Function GetResult Dim Result As String if the Result ckl B else end if 注意 我使用函数的基本语法 不需要写函数 简单的方法是
  • OpenCV 中的随机顺序洗牌 cv::Mat

    里面没有函数吗OpenCV随机打乱矩阵 按行排序 Input 1 2 3 4 5 6 7 8 9 Output 4 5 6 7 8 9 1 2 3 cv randShuffle 函数似乎只是对整个数组中的元素进行随机排序 我正在使用较新的
  • MySQL 困难 - 平假名和片假名被视为相同

    我试图在 mysql 数据库上获取 su SELECT FROM edict WHERE japanese su 然而我得到了 3 个结果 斯 斯 我尝试使用 作为查询 它也返回相同的结果 SELECT FROM edict WHERE j
  • WinRT 有垃圾收集吗?

    WinRT 有垃圾收集吗 或者它是否像 COM 一样进行引用计数 I found 本文 http www itwriting com blog 4866 a few facts about microsofts new windows ru
  • 如何在将图像上传到 Firebase 之前调整图像大小?

    我之前看到过这个问题 但没有一个解决方案真正适合我的情况 除了节省一些空间之外 我还想节省从 Firebase 存储上传 下载内容的时间 由于 firebase 使用图像 uri 我想不出实现此目的的正确方法 解决方案可能是创建一个 副本
  • window.location 和 document.location 有什么区别?

    window location 和 document location 有什么区别 它们都应该引用同一个对象吗 根据 W3C 的说法 它们是相同的 实际上 为了跨浏览器安全 您应该使用window location而不是document l
  • NSFetchedResultsController 并不总是为 NSFetchedResultsChangeMove 调用 didChangeObject:atIndexPath:forChangeType:newIndexPath:

    我在用着NSFetchedResultsController with sortDescriptors请求在其中填充大量结果的表 我注意到 当发生更改将行从表格底部附近移动到顶部时 didChangeObject atIndexPath f
  • 使用 Modernizr 检测移动设备的最可靠方法是什么?

    我正在开发一个响应式网站 当用户在移动设备上浏览时 我被要求将我们网站上的任何免费电话号码交换为固定电话号码 检测用户是否在使用 Modernizr 库 或任何其他库 的移动设备上最可靠的方法是什么 我知道 Modernizr touch
  • 推送被拒绝,未能检测到 set buildpack heroku/php

    我正在尝试将我的 php 应用程序从 github 部署到 heroku 但它不起作用 我有将 php 应用程序部署到 heroku 的经验 但由于某种原因 这次我遇到了麻烦 这就是我所做的 在heroku中创建了一个应用程序 将我的 gi
  • 在 IDEA 中运行 Spark on Hive 项目期间创建事务连接工厂时出错

    我正在尝试为 Spark Streaming 项目设置一个开发环境 该项目需要将数据写入 Hive 我有一个包含 1 个主设备 2 个从设备和 1 台开发机器的集群 在 Intellij Idea 14 中编码 在 Spark shell
  • 如何从运行的应用程序中获取nodejs的源代码

    我不小心删除了nodejs应用程序的源代码 但该应用程序正在运行 那么如何从运行的应用程序中获取源代码 我希望源代码已缓存在某个目录中 我能够通过附加调试器来恢复完整文件 如TGrif https stackoverflow com use
  • Android 用 Path 画圆

    我正在尝试绘制一个圆圈的动画 在我的自定义视图中 我有 private final Paint mPaint new Paint setDither true setStyle Paint Style STROKE setStrokeCap
  • Heroku 和 @font-face - 嵌入字体不会在 Heroku 上显示

    我有几个licensed我使用 CSS 嵌入到 Rails 应用程序中的字体 font face标签 这些字体位于 Public Fonts 我的 Rails 3 应用程序中的路径并在我拉下存储库并运行的任何本地计算机上完美呈现 然而 当我