Wie erfasse ich Schriftarten von den Websites?

7

Manchmal haben einige Websites sehr coole Schriftarten und sie können sogar über das Internet frei verfügbar sein.

Gibt es eine einfache Möglichkeit (vielleicht eine App), um herauszufinden, welche Schriftart die Website verwendet?

internet website fonts

— Laser
quelle

Siehe auch superuser.com/questions/43280/… - auch von eSKay :-(

— Arjan

@Arjan Ich habe hier nicht wirklich das bekommen, wonach ich gesucht habe, also habe ich die Fragestellung neu formatiert.

— Lazer

12

Textschriftarten

Sie können die Quelle der Seite anzeigen und dann nach dem Stylesheet suchen. Dies wäre in den Dateien, die auf enden.css

Für etwas wie Super User würden Sie sich also den Quellcode ansehen und diesen erkennen (machen Sie sich keine Sorgen über das Bit nach dem Fragezeichen (?)):

<link rel="stylesheet" href="http://sstatic.net/su/all.css?v=4372">

Dann bohren Sie nach innen und suchen Sie nach etwas Ähnlichem:

font-family:Consolas,Monaco,Lucida Console,Liberation Mono,
               DejaVu Sans Mono,Bitstream Vera Sans

Dies zeigt Ihnen, was die Site standardmäßig für Text verwendet. Wenn Sie eine passende Schriftart aus dieser Liste auf Ihrem Computer haben, wird diese angezeigt. Andernfalls würde es einfach so lange fortgesetzt, bis es etwas traf.

Schriftarten in Bildern

Für Text, der in Grafiken verwendet wird, können Sie zu What The Font! und verwenden Sie die Vermutungsmaschine, um genau zu bestimmen, welche Schriftart die Site möglicherweise verwendet hat.

— zufällig
quelle

Ich scheine mich nicht zu erinnern, aber es gab eine Seite, auf der Sie ein Bild der Schriftart hochladen können und die Ihnen sagen würde, welche Schriftart es höchstwahrscheinlich sein wird.

— Thiyagaraj

Sie können ein Bild einer Schriftart bei WhatTheFont hochladen und es wird sein Bestes geben, um es für Sie zu erraten. Sie können dies auch auf einigen anderen Websites tun.

— zufällig

Ich liebe WhatTheFont

— Josh Hunt

Das Überprüfen des CSS ist eine viel zuverlässigere Methode, unabhängig davon :)

— Phoshi

@Phoshi, wenn Ihr Computer nicht die im CSS angeforderte Schriftart bereitstellt, ist WhatTheFont möglicherweise zuverlässiger als ein Blick in das CSS. :-) (Oder: Kopieren und Einfügen des gerenderten Textes in ein Textverarbeitungsprogramm oder einen Rich-Text-Editor - funktioniert gut für Safari auf einem Mac.)

— Arjan

3

Wenn nach der Antwort von é_ho What The Font fehlschlägt, können Sie über die Q & A-Oberfläche von fonts.com eine Schriftart anhand des Erscheinungsbilds identifizieren. Hiermit werden Sie zu Aspekten der allgemeinen Schriftart (z. B. Serife / serifenlos, kursiv usw.) und zu den Eigenschaften einzelner Buchstaben (z. B. "Wie viele Terminals hat die Oberseite des Großbuchstaben 'W'?" ), um die Schriftarten nur nach denen zu filtern, die die gewünschten Eigenschaften haben.

http://www.dafont.com/ ist eine großartige Ressource für kostenlose oder ähnliche Schriftarten, wenn Sie etwas gefunden haben, das Ihnen gefällt.

— Lunatik
quelle

2

Informationen dazu, welche Schriftart gemäß CSS bevorzugt wird , finden Sie im hervorragenden Firebug- Add-On für Firefox oder im integrierten Web Inspector in Safari. (Siehe Dienstprogramm, um die auf einer Site verwendete Schriftart zu bestimmen? )

Da auf den meisten Computern nur wenige Schriftarten verfügbar sind, verwenden einige Websites dynamisch generierte Bilder , um den tatsächlichen Text zu ersetzen. Nicht alle Lizenzvereinbarungen für Schriftarten erlauben jedoch die Verwendung von Schriftarten auf einer Website, während persönliche Lizenzvereinbarungen die Verwendung nur auf bestimmten Websites zulassen. Aus diesem Grund stellt cufón beispielsweise sicher, dass die Schriftart nur auf der Website verwendet wird, für die der Ersatz entwickelt wurde. Man kann solche Schriftarten dann nicht auf anderen Domänen verwenden.

Laut Cufón :

Weitere Informationen finden Sie unter Schriftarten und das Gesetz unter fontembedding.com . Von den folgenden Gießereien / Anbietern / Entwicklern erstellte Schriftarten sind als sicher bekannt: Adobe Systems . Es ist bekannt, dass für Web Embedding separate oder erweiterte Lizenzen erforderlich sind: Berthold (separat), FontFont (separat), Fontsmith (separat), Hoefler & Frere-Jones (separat), ITC (separat), Linotype (erweitert).

— Arjan
quelle

1

Für WhatTheFont steht eine iPhone-App zur Verfügung, mit der Sie Schnappschüsse von einem Teil des Textes erstellen und an What The Font! Website zur Analyse, wenn Sie beispielsweise eine schöne Schrift auf einer Werbetafel sehen.

— brandstaetter
quelle

1

Die WhatFont Chrome-Erweiterung ist ein gutes Werkzeug zum Identifizieren von Schriftarten, wenn sie im Textformat vorliegen.

— NVZ
quelle

... aber warum ein Plugin verwenden, wenn Chrome und Firefox integrierte Unterstützung haben ?

— Arjan

@Arjan OP und andere, die mit dem "Erfassen von Schriftarten" noch nicht vertraut sind, würden lieber eine einfache Erweiterung verwenden, als die von Ihnen beschriebenen Schritte auszuführen. Ich dachte nur, das könnte sich als nützlich erweisen.

— NVZ