Heroku und @ font-face - eingebettete Schriften wird nicht die Anzeige auf Heroku

Question

Ich habe ein paar lizenziert fonts, dass ich eingebettet bin in meine Rails-Anwendung des CSS @font-face-Tag. Diese Schriftarten befinden sich im "../Public/Fonts/" Weg in meine Rails 3 App und machen perfekt auf jedem lokalen Rechner, dass ich den Repo-Pull-Down-und laufen.

Allerdings, wenn ich meine App Heroku drücken kann es nicht die Schriften zu finden scheint. Man kann sagen, dass es im Font-Verzeichnis sucht, kann sie aber nie zugreifen. Es scheint nicht zu Rolle, wo ich die Schriften platzieren oder wie ich den Font-Pfad in der @ font-face Erklärung geben.

sind meine Fonts bei #{RAILS.root}/public/fonts/ChunkFive befindet

Hier ist meine @ font-face-Deklaration:

@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");
}

Hier ist die 404-Ressource nicht gefunden Botschaft, die ich für jede Schriftart erhalten:

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

Das Merkwürdige ist, dass es findet und lädt Sheets, Symbole und Bilder in dem gleichen Stammordner. Nur um zu wiederholen, die Schriftarten einbetten und arbeitet perfekt von einem lokalen Server, auch auf Hosts ausgeführt, dass die Schriftart nicht installiert ist.

habe ich eine Referenz Online jemand finden, der ein ähnliches Problem hatte, das sie veränderte config.ru und environment.rb Dateien mit Heroku es freundlich zu machen, aber ich kann nicht scheinen, um es zu finden.

Vielen Dank im Voraus SO Schergen für alle Ihre Hilfe!

~ Dan

Answer 1

So stellt sich die Wurzel aus für Ressourcen Public/Stylesheets wurden so eingestellt, mein Weg Deklaration in dem font-face Abschnitt nonsensicalness war. Ich nahm das einfach aus und bewegte die Schriften unter dem Sheets Verzeichnis und alles funktioniert perfekt jetzt!

Answer 2

Hier ist ein Beispiel, das auf Heroku arbeitet: http://www.arailsdemo.com/posts/12

Hier ist die entsprechende Sheet http://www.arailsdemo.com/stylesheets/application.css

Ich erinnere mich keine Konfigurationsänderungen erforderlich ist. Hoffentlich hilft es.

Answer 3

Fonts-Verzeichnis: app/assets/fonts/

Fügen Sie die Zeile unten an production.rb

config.serve_static_assets = true

In Ihrem styles.css.scss

@font-face {
  font-family: "mycustomfont";
  src:url(asset_path("mycustomfont.eot"));
  src:url(asset_path("mycustomfont.eot?#iefix")) format("embedded-opentype"),
    url(asset_path("mycustomfont.ttf")) format("truetype"),
    url(asset_path("mycustomfont.svg#mycustomfont")) format("svg"),
    url(asset_path("mycustomfont.woff")) format("woff");
  font-weight: normal;
  font-style: normal;
}

Umwelt: Rails 4.0.1 Ruby 2.0.0-p247

Es sollte auf Heroku arbeiten:)