@font-face funktioniert problemlos über localhost, aber NICHT in AppHarbor

Question

Ich stehe vor einem Problem beim Hosten meiner Anwendung über AppHarbor. Ich habe eine grundlegende Anwendung über .net MVC 3. In dieser Anwendung habe ich die Eigenschaft @font-face verwendet, um Inhalte in benutzerdefinierten Schriftarten anzuzeigen:

@font-face {
font-family: facefont;
src: url("raleway_thin.otf");
} 
body {    
font-size: .85em;
font-family: "facefont", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
}

Wenn ich diese Anwendung über meinen Entwicklungsserver in loaclhost in funktioniert alles gut mit dem Inhalt in der benutzerdefinierten Schriftart angezeigt werden. Aber wenn ich meine Webapp über AppHarbor hier geschoben:

testapp über AppHarbor

Es zeigt den Inhalt nicht mehr in der benutzerdefinierten Schriftart an, die ich in .css verwendet habe. Ich bin verwirrt, da ich denselben Browser (Chrome 15.0) verwende, um beide anzuzeigen, aber sie liefern unterschiedliche Ergebnisse.

Ich bitte um Hilfe.

---

Ich habe gerade herausgefunden, dass dies nur mit den Schriftartendateien [*.otf, *.ttf]. passiert. Ich habe ein Bild in denselben Ordner gelegt und es wurde perfekt hinzugefügt, aber wieder konnte die Schriftartdatei nicht gefunden werden und es wird 404 angezeigt.

---

Das gilt auch für die Konfiguration von mimeTypes:

<staticContent>
        <mimeMap fileExtension=".otf" mimeType="font/otf" />
        <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
    </staticContent>

Answer 1

1. Implementierung der @Lloyd-Lösung ..
2. Es wird empfohlen, alle Dateien, die sich auf Schriftarten beziehen, zu den Mime-Typen hinzuzufügen, nicht nur .woff

ref. http://geekswithblogs.net/JayantSharma/archive/2012/08/26/adding-mimetype-in-web.conifg-for-html5.aspx