ttgertika
SchriftstudioBlog4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Begeisterte Designer sind ständig auf der Suche nach neuen Schriftarten. Nicht nur während der Arbeit.

Auch beim Scrollen in den sozialen Medien, beim Durchstöbern der Websites von Marken und sogar beim Spielen Ihrer Lieblingsvideospiele können Sie neue Schriftarten entdecken, die Sie Ihrer Sammlung hinzufügen können. Bleibt nur noch ein technischer Aspekt: die Identifizierung einer im Projekt verwendeten Schriftfamilie und der Erwerb einer Lizenz für diese.

Es gibt viele Möglichkeiten zur Identifizierung von Schriftarten. In diesem Artikel werden wir die einfachsten davon vorstellen.

Promocode TypeType

Zum Katalog wechseln Danke, dass Sie bei uns sind!

Wir schenken Ihnen den Promo-Code 4Quickways — wenden Sie ihn im
Warenkorb an und erhalten Sie 30% Rabatt auf alle TypeType-Schriften.

Warum müssen Sie wissen, welche Schriftart auf einer Website verwendet wird?

Für einen angehenden Designer ist das Kennenlernen von Schriftarten, die in verschiedenen Projekten verwendet werden, eine wertvolle Hilfe, um beruflich weiterzukommen. Es hilft, Wachsamkeit zu entwickeln.

Suchen Sie nach ähnlichen Projekten wie Ihrem und analysieren Sie die von anderen Spezialisten verwendeten Schriften. Auf diese Weise können Sie erkennen, welche Schriftkategorien gut zu bestimmten Themen passen. Analysieren Sie auch die Projekte, die Sie nicht gut genug finden. Es wird Ihnen sehr helfen zu verstehen, welche Schriften nicht geeignet sind und warum. Um den Prozess noch spannender zu machen, erstellen Sie eine Liste mit „guten“ und „schlechten“ Schriften für verschiedene Projektthemen.

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Die Identifizierung der in verschiedenen Projekten verwendeten Schriften erweist sich auch für erfahrene Designer als praktisch. Auf diese Weise fügen Designer ihren Sammlungen weitere Schriften hinzu und finden neue Studios, die interessante und stilvolle Schriftarten herstellen.

Wie identifiziert man eine Schriftart auf einer Website?

Es gibt mehrere Möglichkeiten, um zu prüfen, welche Schriftart die Website eines Projekts verwendet, z. B:

  • Installieren Sie eine Browser-Erweiterung.
  • Suche nach dem Namen im Code der Seite.
  • Identifizierung von Schriftarten anhand von Bildern über Online-Dienste.
  • Identifizierung von Schriftarten in Adobe Photoshop.

Lassen Sie uns auf jede dieser Möglichkeiten eingehen.

Browser-Erweiterungen

Viele Browsererweiterungen dienen zur Identifizierung von Schriftarten für Websites. Wir stellen Ihnen die Erweiterungen vor, die von uns überprüft wurden und von Designern häufig verwendet werden.

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Fonts Ninja

Schriftarten Ninja

Browsers: Chrome, Firefox, Safari.

Website: https://fonts.ninja/

Eine der beliebtesten Erweiterungen. Sie identifiziert sowohl die Schriftart als auch den Schriftstil. Ein zusätzlicher Vorteil ist, dass Sie nicht nur verschiedene Schriftarten prüfen, sondern sie auch kaufen können, wenn Sie dies wünschen. Über Ninja können Sie auf den Link zum Kauf der Schriftart zugreifen – das ist einfach und bequem.

Um die Erweiterung zu nutzen, laden Sie sie herunter und installieren Sie sie. Danach wird in der Symbolleiste Ihres Browsers ein Symbol mit einem Ninja angezeigt. Klicken Sie darauf, und fahren Sie mit dem Mauszeiger über Textabschnitte, um Schriftarten zu erkennen. Sie können auch auf den Text klicken, um ein zusätzliches Fenster zu öffnen und die Schriftart auszuprobieren. Sie können Fonts Ninja auch über die App auf Ihrem Smartphone verwenden.

Übrigens: Die offizielle Website von Fonts Ninja verwendet den Bestseller von TypeType Studio – TT Norms® Pro.

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

WhatFont 

Browsers: Chrome, Safari.

Website: https://whatfontis.com/

Eine weitere bekannte Browser-Erweiterung zur Identifizierung von Schriftarten.

Nach der Installation markieren Sie ein Textfragment und klicken auf das WhatFont“-Symbol. Sie erhalten dann Informationen über die auf der Website verwendete Schriftfamilie, den Schriftstil und die Schriftgröße.

Zusätzlich zu den oben genannten Erweiterungen verwenden Designer oft CSS Peeper, TypeSample und andere. Jede hat ihre eigenen Zusatzfunktionen, daher empfehlen wir Ihnen, einige von ihnen auszuprobieren und die für Sie am besten geeignete zu wählen.

Manuelle Suche im Code der Seite

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Eine schwierige und gleichzeitig eine der einfachsten Methoden, um Schriftarten auf Websites zu identifizieren, ist die Suche nach ihnen im Code der Seite. Denken Sie daran, dass diese Methode nicht ideal ist, da die Schriftarten umbenannt werden können.

Um manuell zu suchen, wählen Sie ein Textfragment, öffnen Sie den Code der Seite und suchen Sie „font-family“.

In Chrome und Firefox klicken Sie mit der rechten Maustaste auf den Text und wählen den Menüpunkt, der den Code der Seite zur Ansicht öffnet. Suchen Sie dann die Registerkarte Elemente, dann die Registerkarte Stile, und dort finden Sie den Code „font-family“. In Safari sind die Aktionen die gleichen, aber Sie müssen sicherstellen, dass das Menü „Entwickler“ sichtbar ist. Markieren Sie dazu das Kästchen unten auf der Registerkarte „Erweitert“.

Online-Dienste zur Identifizierung von Schriftarten anhand von Bildern

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Manchmal befindet sich die gewünschte Schriftart auf einem Bild, nicht auf einer Seite. Das kann ein Banner, ein Foto oder ein Bild in sozialen Medien sein.

Für solche Fälle gibt es verschiedene Online-Dienste, die Ihnen helfen können, die gewünschte Schriftart zu finden.

Sie funktionieren alle auf ähnliche Weise. Besuchen Sie einfach die Website des Dienstes, laden Sie das Bild mit der gewünschten Schriftart hoch und warten Sie auf das Ergebnis.

Hier sind einige der am häufigsten genutzten Dienste zur Identifizierung von Schriftarten dieser Art:

Sie können auch soziale Medien nutzen, um andere Designer zu bitten, Ihnen bei der Auswahl einer Schriftart zu helfen.

Identifizierung von Schriften in Adobe Photoshop

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Mit Hilfe von Adobe Photoshop können Sie herausfinden, welche Schriftart in einem Bild verwendet wird. Die Funktion „Schriftart abgleichen“ wird ständig verbessert, unterstützt aber derzeit noch nicht alle Sprachen.

So verwenden Sie die Funktion:

Markieren Sie den Text auf dem Bild mit dem Rechteckigen Markierungswerkzeug.

Wählen Sie Typ und dann Schriftart anpassen.

Wählen Sie aus der Liste ähnlicher Schriftarten diejenige aus, die Ihnen am besten passt.

Bonus: there is a smartphone app

4 schnelle Wege, um auf Websites verwendete Schriftarten zu identifizieren

Natürlich warten auf Designer überall fesselnde Schriften, nicht nur am Schreibtisch. Um immer die Möglichkeit zu haben, neue Schriftarten zu Ihrer Sammlung hinzuzufügen, installieren Sie die App auf Ihrem Smartphone.

Im Moment sind WhatTheFont und Find My Font die beliebtesten. Um eine gewünschte Schriftart zu identifizieren, öffnen Sie einfach die App und richten Sie die Kamera auf das Bild. Wählen Sie die am besten geeignete Schriftart aus der Liste der ähnlichsten Schriften aus.

Anstelle einer Schlussfolgerung

Ästhetische Schriftarten erwarten die Designer auch außerhalb ihrer Arbeit. Es ist besser, einige Hilfsmittel bereitzuhalten, um schnell herauszufinden, welche Schriftart auf einer Website, einem Poster, einem Banner oder einem Café-Schild verwendet wird.

Neueste Publikationen

Wie man die besten Infografik-Schriftarten auswählt: Ein umfassender Leitfaden

Wie man die besten Infografik-Schriftarten auswählt: Ein umfassender Leitfaden

Infografiken sind ein vielseitiges und praktisches Werkzeug, das überall Anwendung findet: im Geschäftsleben, in der Werbung, Wissenschaft, Journalismus und mehr. Dies ist eine kraftvolle Art, Informationen auf einfache, visuelle Weise zu kommunizieren.

Mehr erfahren
Wie fügt man eine Schriftart auf seinem Computer hinzu? 

Wie fügt man eine Schriftart auf seinem Computer hinzu? 

How to install a new font on a PC? Users and designers face this question very often. Rest assured, there is nothing tricky in this process! This article provides a step-by-step guide to help you understand how to install downloaded fonts correctly on Windows and iOS-powered computers.

Mehr erfahren
Lizenzierung von Schriftarten: Vollständiger Leitfaden für Designer und Geschäftskunden

Lizenzierung von Schriftarten: Vollständiger Leitfaden für Designer und Geschäftskunden

In this article, you will find out what types of font licensing exist, how to choose a suitable font license and use it, how to verify and buy a commercial font license, and how to avoid unpleasant typeface licensing issues whether you are a designer or a client.

Mehr erfahren
Gegensätze: Breite und schmale Schriftarten On Opposite Sides: Wide and Narrow Fonts

Gegensätze: Breite und schmale Schriftarten On Opposite Sides: Wide and Narrow Fonts

Wide and narrow fonts are among the newest trends in typography, graphic design, and web design. At first glance, some may seem odd and awkward, but when thoughtfully applied, they can infuse a project with freshness, boldness, relevance, and strength. What are narrow and wide fonts, what variations do they come in, and where are they used? Let’s explore this together in this article.

Mehr erfahren
Kerning, Tracking, Leading & Spacing in der Typografie: Was ist der Unterschied? 

Kerning, Tracking, Leading & Spacing in der Typografie: Was ist der Unterschied? 

Even seasoned designers sometimes mix up the concepts of kerning, tracking, spacing, and leading. Become a pro at distinguishing them! Learn the definitions of these concepts, explore their differences, and discover some helpful tips on how to use them while working on your fonts.

Mehr erfahren
Verzweigungen: Wie die Scandinavian Sans TT Firs optimiert wurde und sein passendes Schriftpaar fand

Verzweigungen: Wie die Scandinavian Sans TT Firs optimiert wurde und sein passendes Schriftpaar fand

In 2023, we breathed new life into the beloved Scandinavian sans serif TT Firs Neue by dramatically refining and renewing the typeface to comply with cutting-edge standards. Soon after, we introduced the text font pair for this typeface — an elegant TT Firs Text. This article is dedicated to how it all began, why we decided to update TT Firs Neue, what we added and modified, and how TT Firs Text was born.

Mehr erfahren
Die Top 10 Typografie-Trends für 2024

Die Top 10 Typografie-Trends für 2024

Willst du deine Typografie auf dem neuesten Stand halten und wirklich inspirierende Projekte gestalten? Die Experten und Designer des TypeType-Schriftstudios freuen sich, in diesem Artikel die wichtigsten Schrifttrends für 2024 mit dir zu teilen. Bleib im Trend!

Mehr erfahren
Die 15 besten Magazin-Schriften für perfekte redaktionelle Designs 

Die 15 besten Magazin-Schriften für perfekte redaktionelle Designs 

Zeitschriften sind eine perfekte Kulisse für die Typografie, um all ihre Dimensionen zum Ausdruck zu bringen. Schriftarten vermitteln in diesem Fall nicht nur Informationen, sondern beeinflussen auch direkt das Design. Sie vermitteln die Botschaft des Magazins und spiegeln seine Werte und Ideen wider. In diesem Artikel erörtern wir, wie Sie die beste Schriftart für Zeitschriften auswählen und stellen eine Liste mit 15 relevanten Optionen für redaktionelle Designs zu verschiedenen Themen zusammen.

Mehr erfahren

UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

Welcome to the ninth lesson of our «UniversiTTy»! In this series, we guide you through the process of font design step by step. The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let’s find out together how visual details influence the overall perception of fonts.

Mehr erfahren

Mehr erfahren

Beste Schriftarten für Bücher: Wie man sie auswählt

Beste Schriftarten für Bücher: Wie man sie auswählt

Web und Druck sind in der Typografie zwei verschiedene Welten. Zumindest werden sie oft so dargestellt. In Wirklichkeit können viele Schriften in beiden Bereichen verwendet werden. Um zu verstehen, welche Schriftart man wählen sollte, ist es wichtig, die Unterschiede zwischen Buch- und Web-Schriften zu kennen. In diesem Artikel geht es um Schriften für Bücher und darum, wie man die beste Schrift für die Gestaltung von Büchern, Zeitschriften oder anderen Druckerzeugnissen auswählt.

Mehr erfahren
UniversiTTy: Lektion 1. Schriftarten-Kategorien

UniversiTTy: Lektion 1. Schriftarten-Kategorien

Dieser Artikel ist kein gewöhnlicher Artikel. Falls Sie noch nichts davon gehört haben, wir haben ein neues Projekt für alle Liebhaber von Schriftarten gestartet. Im Rahmen dieser Initiative werden wir regelmäßig Artikel über Typografie veröffentlichen. Jeder Artikel der Serie wird ein nützliches Thema behandeln. Das Wichtigste dabei ist, dass Sie nicht nur in die Branche eintauchen, sondern auch unser wunderbares TypeType-Team von Typografie-Experten kennenlernen, die ihr Wissen und ihre Erfahrung mit Ihnen teilen.

Mehr erfahren
Monospaced-Schriften in Design und Codierung

Monospaced-Schriften in Design und Codierung

Monospaced-Schriften erfreuen sich bei Designern immer größerer Beliebtheit. Noch interessanter ist, dass sich auch der Anwendungsbereich dieser Schriften erweitert.
Die Zeiten, in denen solche Schriften nur für die Codierung verwendet wurden, sind vorbei. Heute zieren Monospaced-Schriften die Seiten von Zeitschriften, die Verpackungen bekannter Marken, Schilder und Menüs, Websites und vieles mehr.

Mehr erfahren
TypeType Online Shop: Wir akzeptieren Kartenzahlungen für Ihre Bequemlichkeit

TypeType Online Shop: Wir akzeptieren Kartenzahlungen für Ihre Bequemlichkeit

Wir haben viel Mühe und Liebe in das Design jeder einzelnen Schrift gesteckt und freuen uns, Ihnen eine bequeme und benutzerfreundliche Möglichkeit zu bieten, unsere Schriften von überall auf der Welt zu kaufen, wann immer Sie wollen. Ab sofort können Sie Ihre Einkäufe mit Kreditkarte bezahlen, was den Vorgang erheblich vereinfacht und beschleunigt.

Mehr erfahren
Zu Ehren von Andrey Kolmogorovs 120. Geburtstag: eine Schrift, die aus der Handschrift des Wissenschaftlers entstanden ist

Zu Ehren von Andrey Kolmogorovs 120. Geburtstag: eine Schrift, die aus der Handschrift des Wissenschaftlers entstanden ist

Es wird oft angenommen, dass man durch die Analyse der Handschrift eines Menschen Rückschlüsse auf seinen Charakter ziehen kann. Aber warum sollte man jemanden beurteilen, wenn man aus der Handschrift einer Person, die einen bedeutenden Beitrag zur Wissenschaft geleistet hat, eine Schrift erstellen kann? In diesem Artikel befassen wir uns mit einem Projekt dieser Art.

Mehr erfahren
Ligaturen in Schriftarten: Erstellen von Eszetten

Ligaturen in Schriftarten: Erstellen von Eszetten

Bei der Erweiterung des Zeichensatzes von Schriftarten stoßen unerfahrene Schriftgestalter oft auf Schwierigkeiten beim Zeichnen des Eszett-Zeichens.
In diesem Artikel unternehmen wir eine Reise durch die Geschichte dieses Zeichens, erfahren etwas über seinen Ursprung und seine Rolle in der modernen Typografie.

Mehr erfahren
Web-Schriften: wie man Schriftarten auf einer Website auswählt und verwendet

Web-Schriften: wie man Schriftarten auf einer Website auswählt und verwendet

Für einen unerfahrenen Designer können Web-Schriftarten kompliziert und sogar einschüchternd wirken. Aber es gibt keinen Grund zur Verzweiflung, denn mit der Zeit werden Sie durch das Studium der Informationen und durch Übung zu einem Profi.

Mehr erfahren
15 beste moderne Sans-Serif-Schriften für Ihr Design im Jahr 2024

15 beste moderne Sans-Serif-Schriften für Ihr Design im Jahr 2024

Die meisten modernen Marken wählen serifenlose Schriften als ihre Hausschrift. Diese Schriften gewannen schon vor fast einem Jahrhundert an Popularität, haben aber immer noch ihren Höhepunkt erreicht. Finden wir heraus, was an diesen Schriften so attraktiv ist, und werfen wir einen Blick auf eine Auswahl der besten serifenlosen Schriften aus der TypeType-Kollektion.

Mehr erfahren
Auf den ersten Blick: Stilvolle Schriftarten für Überschriften und Anzeigen

Auf den ersten Blick: Stilvolle Schriftarten für Überschriften und Anzeigen

Heute werden wir über diese Optionen sprechen: anmutig und gewagt, freundlich und brutal, dynamisch und stabil. Das sind Display-Schriften. Sie unterscheiden sich in ihrem Charakter und ihrer Ausdruckskraft, ziehen aber immer die Aufmerksamkeit auf sich, wenn sie richtig eingesetzt werden.

Mehr erfahren