2014-03-03 10 views
6

Ich weiß, dass die Frage selbst illegal ist - bitten, jemandes Haus zu stehlen. :)Wie man eine Schriftart von einer Site stiehlt

Wie auch immer, es ist eine Situation, wenn die Logik eines Entwicklers tatsächlich nicht funktioniert. Mit dem Browser Developer Tool habe ich das CSS der Seite bekommen. Ich habe den @font-face Code innerhalb der main.css gefunden.

Hier ist, was ich habe:

main.css:
Pfad: http://www.example.com/assets/css/main.css
Code:

@font-face { 
    font-family: 'the_font'; 
    src: url("../fonts/fontname/fontname.eot"); 
    bla bla 
    font-style: normal; 
    font-weight: normal; 
} 

So, nach dem Code der Font-Datei in einem Ordner ist "benannt Fontname "unter dem Ordner" Fonts ". Und aus der Richtung des Weges können wir vermuten, dass die Schriftart Standort ist:

http://www.example.com/assets/fonts/fontname/fontname.eot

Aber es ist eine 404-Seite erstellt wird.

Warum NICHT die Logik des Pfades funktioniert?

+0

Herunterladen einer Datei, die auf einer Website öffentlich serviert wird, ist nicht illegal, können Sie die Frage an diesem Punkt konzentrieren sollte, sind wir nicht daran interessiert, was Sie mit der Datei tun werde. –

+0

Also, was ist die Frage? Wenn der Pfad falsch ist, wird es nicht funktionieren.Wohlgemerkt, der Server könnte auch versuchen, den Referer-Header zu überprüfen (und es nicht zu versuchen), es sei denn, der Referer ist entweder die CSS- oder die Dokumentdatei. –

Antwort

16

Angenommen, die CSS-Datei ist nicht schlecht (d. H. Die Schriftart ist wirklich geladen). Sie können die Entwicklerwerkzeuge Ihres Browsers verwenden.

Zum Beispiel in Chrome: Hit F12 die zu öffnen und wählen Sie dann die Netzwerk oder Ressourcen Registerkarte und die Seite neu. Sie sehen die Schriftartendatei aufgelistet.

+0

Kann nicht upvote, aber es ist die tatsächliche Antwort. Danke vielmals. :) –

1

Ich verwende mehrere Tools zum Extrahieren von Css, abhängig von der Website.

Speziell für Schriftarten funktioniert dieses Tool erstaunlich: FontfaceNinja - kommt mit 3 Browser-Erweiterungen zur Auswahl. steal/inspect fonts from any website

Aber manchmal ist nicht genug: CssViewer eine weitere Option ist, schönes Design, einfach zu bedienen, es extrahiert nur die Css für das Element schwebte - fast die gleichen wie Chrome Developer Tools, aber viel besser lesbar in meine Meinung. Es ist nur eine Chrome-Erweiterung. Installieren Sie es von hier: CssViewer steal/extract Css from any website

Das Tool i die für diesen Job verwenden ist CSSSteal, es das gleiche Maß an Details wie Chrom-Entwickler-Tools, Kaskadierung von Stilen, von Eltern gibt es Kind ist - das alles, Aber weil Sie das Css einfach kopieren und einfügen können, ist es viel einfacher zu diesem Zweck als die Standard-Entwickler-Tools zu verwenden. Gutes Werkzeug für komplexe Css-Migrationen .. wenn die Schriftarten und andere css-Eigenschaften sich gegenseitig wie verrückt überlisten .. erhalten Sie es hier: CssSteal Hinweis: Nach der Installation von CssSteal, starten Sie den Browser neu - dann stellen Sie sicher, dass Sie die Registerkarte öffnen enthält die Styles (rechts) - nicht die Elemente - wie oben zu sehen ist. Hoffe, das hilft :)

Verwandte Themen