GoogleWebFonts FontFamilyPreviewImages

Google -Web -Schriftarten - Vorschau -Bilder von Schriftfamilien -Vorschau -Bildern

Dieses Repo enthält Bilder, die Darstellungen aller verschiedenen Google -Schriftarten sind. Wir brauchten dies für unsere App -Schablone, da wir unseren Benutzern erlauben, über Google -Schriftarten (über ihre API) zu suchen. Aber wir (offensichtlich) wollten/mussten ihnen eine Vorschau darauf geben, wie die Schrift aussah.

Wir hätten die Schriftarten in den Gedächtnis laden und diese dann gezeigt haben, aber das schien nicht ideal.

Notiz

Wenn Sie an einer gehosteten Version des woff2 sehens

Screenshot darüber, wie unsere App die Bilder in diesem Repo verwendet:

Warum gibt es so viele Dateien?

Während Google-Schriftarten derzeit Tausende verschiedener Schriftvariationen liefert, gibt es viele tatsächliche Bilder. Dies liegt daran, dass Google -Schriftarten routinemäßig Schriftarten von einer Version zur anderen aktualisiert (z. B. V5 bis V6). Anschließend werden die Bilder neu erstellt, um sicherzustellen, dass die von uns angezeigte Vorschau unserer Benutzer korrekt ist.

Ich habe beschlossen, diese Dateien aus der Nachwelt im Repo zu lassen: Sie wissen nie, was die Leute brauchen werden :)

Größen

Im Moment stelle ich nur Vorschaubilder mit einem font-size von 48px an. Die Breite respektiert die native Breite der Schrift. Um eine scharfe Anzeige zu gewährleisten, würde ich Ihnen vorschlagen, den Vorschau -Daumen in einer maximalen Höhe von 24px zu harten.

Namenskonvention von Dateien:

Zwei Beispiele: ABeeZee-400.v10.png und Cabin-400italic.v10.png
Das Format ist ziemlich einfach:

• Der Schriftname (Nicht-Hyphens, nicht alphabetische und nicht numerische Zeichen werden entfernt)
• Ein Dash ( - )
• Das Schriftgewicht
• Wenn die Schriftart eine kursive Version ist, wird nach der Schriftart das Wort italic hinzugefügt
• Die Versionsnummer, vor der der Buchstabe v vorausging

Der reguläre Ausdruck, mit dem ich die Namensachen auszieht, ist: /[^A-Za-z0-9-]/