无法在 heroku 生产应用程序中渲染 font-awesome

Posted 2023-03-29

【中文标题】无法在 heroku 生产应用程序中渲染 font-awesome

【英文标题】：cannot get font-awesome to render in heroku production app

【发布时间】：2012-11-26 01:34:29

【问题描述】：

我看到几个问题都在问类似的问题，但我无法使用未安装该字体的计算机在我的生产应用程序中渲染该字体。

http://fortawesome.github.com/Font-Awesome/

安装了这个：https://github.com/bokmann/font-awesome-rails

添加了这个：

*= require 'font-awesome'

到 application.css

图标正在工作，例如：

<i class="icon-envelope"></i>

正确地呈现一个信封图标，该图标实际上是一种令人敬畏的字体。但是，我无法在生产中显示字母字体（我只看到 Times New Roman）。我尝试了这些说明无济于事：

http://blog.fieldforceapp.com/moving-to-heroku-bootstrap-font-awesome

我担心我的样式表目录（在 app/assets/stylesheets 中）中的其他 css 可能存在冲突：

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*

*= require select2
*= require bootstrap-timepicker
*= require 'font-awesome'
*= require_tree .
*= require zpp.css
*/

我需要一个单独的字体目录吗？我正在运行 rake assets:precompile 并看到字体 .css 文件移动到我的公共目录中，但仍然不行。

希望对这个 b/c 有一些帮助，我已经挠头太久了。谢谢！

【问题讨论】：

你有没有解决这个问题？我遇到了同样的问题。

是的！如果您的 heroku 应用程序确实是安全的 (https)，​​请确保您的 css 中引用的 url 包含 https 而不是 http

【参考方案1】：

我会确保 css 文件正确指向字体文件。 至于“字母字体”，font awesome 没有单独的字母数字字符字体，所以如果你的默认字体是 times new roman，那就是你会看到的......

【讨论】：

谢谢约恩。这很奇怪，因为我看到了图标，但是所有的文本字体都显示为时间罗马

再次阅读我的评论..“字体真棒没有单独的字母数字字符字体，所以如果你的默认字体是新罗马时代，这就是你会看到的”意思是你在这里看到的字母当你使用字体真棒字体时没有改变