Schriftarten sind einer der wichtigsten Bestandteile des Designs von Websites und Anwendungen. Jede Schriftart hat ihren eigenen einzigartigen Stil und ihre eigene Stimmung, die dazu beitragen, die gewünschte Atmosphäre zu schaffen und die gewünschten Emotionen zu vermitteln. Aber was ist, wenn Sie eine interessante Schriftart auf einer anderen Website oder in Anzeigen sehen und sie in Ihrem Projekt verwenden möchten? Woher weiß ich, welche Schriftart verwendet wurde?
Es gibt mehrere Möglichkeiten, eine Schriftart anhand ihres Codes zu definieren. Die erste und einfachste ist die Verwendung spezieller Online-Dienste, die die Funktion "Font Identification" anbieten. Sie laden ein Bild hoch oder geben Text in der gewünschten Schriftart ein, und der Dienst vergleicht es mit einer Schriftdatenbank. Dadurch erhalten Sie Informationen über mögliche Schriftvarianten und deren Namen. Diese Methode ist am effektivsten, wenn Sie ein Bild mit Text haben.
Wenn Sie jedoch kein Bild haben, sondern nur CSS-Code, können Sie die Entwicklertools verwenden, die in den meisten modernen Webbrowsern integriert sind. Öffnen Sie eine Webseite mit dem Text, an dem Sie interessiert sind, klicken Sie mit der rechten Maustaste auf den Text und wählen Sie "Element untersuchen" oder "Code anzeigen". Suchen Sie im geöffneten Entwicklerfenster nach dem gewünschten Element, normalerweise das Tag oder , und überprüfen Sie dessen CSS-Eigenschaften. Dort finden Sie Informationen über die Schriftart, die in diesem Text verwendet wird, ihren Namen, Größe, Farbe und andere Eigenschaften.
Font Review: Wie finde ich die Schriftart anhand des Codes heraus
Wenn Sie eine interessante Schriftart auf einer Webseite oder in einem Designlayout sehen, fragen Sie sich: "Welche Schriftart wird hier verwendet?". Dies ist eine ziemlich häufige Frage, und die gute Nachricht ist, dass es Tools und Ansätze gibt, die Ihnen helfen können, die Schriftart durch ihren Code zu lernen.
Eines der beliebtesten Tools zur Identifizierung von Schriftarten sind Online-Schriftartdienste wie WhatFontIs und WhatTheFont, mit denen Sie ein Bild mit einer unbekannten Schriftart laden und die entsprechende Schriftart aus der Datenbank finden können. Sie müssen nur das Bild in den Dienst hochladen und warten, bis es es verarbeitet und Ihnen die Schriftinformationen zur Verfügung stellt.
Ein weiterer Ansatz ist die Verwendung von browserbasierten Entwicklertools wie Chrome DevTools oder Firefox Developer Tools. Sie können Text mit einer unbekannten Schriftart auswählen, mit der rechten Maustaste klicken und Elementcode anzeigen auswählen. In der geöffneten Browserleiste können Sie die auf den Text angewendeten Stile einschließlich der Schriftart sehen.
Sie können auch eine Reihe von kostenlosen Font-Tools wie Font Squirrel oder Adobe Fonts verwenden. Diese Tools bieten eine große Auswahl an Schriftarten und ermöglichen es Ihnen, Bilder hochzuladen oder Code einzufügen, um die entsprechenden Schriftarten zu identifizieren.
| Werkzeug | Besonderheiten |
|---|---|
| WhatFontIs | Ermöglicht es Ihnen, ein Bild hochzuladen und Informationen über die Schriftart zu erhalten |
| WhatTheFont | Analysiert das geladene Bild und identifiziert die Schriftart |
| Chrome DevTools | Ermöglicht das Anzeigen von Stilen und Schriftarten auf einer Webseite |
| Firefox Developer Tools | Bietet Entwicklertools zum Analysieren von Stilen und Schriftarten |
| Font Squirrel | Ermöglicht das Hochladen von Bildern und das Identifizieren von Schriftarten |
| Adobe Fonts | Bietet eine große Auswahl an Schriftarten zur Identifizierung und Verwendung |
Nachdem Sie die Schriftart anhand ihres Codes erkannt haben, können Sie sie schließlich auf Ihren Webseiten oder in Designprojekten verwenden, um den gewünschten visuellen Effekt zu erzielen.
Definieren der Schriftart einer Webseite
Auf Webseiten sind Schriftarten für das allgemeine Design und die Wahrnehmung von Informationen durch den Benutzer wichtig. Sie können die verwendete Schriftart auf einer Webseite auf verschiedene Arten definieren.
- 1. Überprüfen eines Elements mithilfe der Browser-basierten Entwicklertools. Die meisten Webbrowser verfügen über ein Entwickler-Tool, mit dem Sie den Code und die Stile einer Webseite anzeigen können. Um eine Schriftart zu definieren, bewegen Sie einfach den Mauszeiger über das gewünschte Element und sehen Sie dessen Stile im rechten Werkzeugbereich.
- 2. Verwenden von Diensten zur Definition von Schriftarten.
- 3. Lesen Sie den Code einer Webseite. Wenn Sie Zugriff auf den Quellcode einer Webseite haben, können Sie ihn öffnen und nach dem entsprechenden Teil des Codes suchen, in dem die verwendete Schriftart angegeben ist. Normalerweise wird die Schriftart mithilfe von CSS-Regeln in Stilblöcken angegeben.
Wenn Sie also herausfinden möchten, welche Schriftart auf einer bestimmten Webseite verwendet wird, können Sie diese Methoden verwenden. Dadurch können Sie eine Schriftart definieren und verwenden, wenn Ihnen der Stil gefällt und Sie in Ihren Werken anwenden möchten.
Werkzeuge zum Definieren der Schriftart
Wenn Sie auf einer Website auf eine unbekannte Schriftart stoßen und ihren Namen herausfinden möchten, gibt es mehrere Online-Tools, die Ihnen dabei helfen.
1. WhatFontIs.com - mit diesem Tool können Sie ein Bild mit Text hochladen und die verwendete Schriftart definieren. Sie können dieses Tool auch dann verwenden, wenn Sie keinen Schriftcode haben.
2. WhatTheFont - dieses Tool wurde von MyFonts entwickelt und ermöglicht es Ihnen auch, ein Bild hochzuladen oder die URL einer Seite einzugeben, um die verwendete Schriftart zu bestimmen.
3. Fount - dies ist eine Erweiterung für den Google Chrome-Browser, mit der Sie den Namen einer Schriftart herausfinden können, indem Sie einfach mit der Maus über den Text auf einer Webseite schweben.
4. Identifont - dieses Tool stellt Ihnen eine Reihe von Fragen zur Form und Struktur von Symbolen, um die verwendete Schriftart zu bestimmen.
5. Font Squirrel - neben dem kostenlosen Schriftkatalog bietet diese Ressource auch ein "Matcherator" -Tool, mit dem Sie basierend auf dem heruntergeladenen Bild oder der URL der Seite eine ähnliche Schriftart finden können.
Mit diesen Werkzeugen können Sie die verwendete Schriftart schnell identifizieren und in Ihren Projekten verwenden.
Wie kann ich eine Schriftart im Grafikeditor definieren
Wenn Sie mit einem Grafikeditor wie Photoshop oder Illustrator arbeiten, müssen Sie möglicherweise wissen, welche bestimmte Schriftart im Design verwendet wurde. Dies kann nützlich sein, wenn Sie das Design neu erstellen möchten oder nur wissen müssen, welche Schriftart in einem bestimmten Layout verwendet wurde. In diesem Abschnitt sehen wir uns verschiedene Möglichkeiten an, wie Sie eine Schriftart in einem Bildbearbeitungsprogramm definieren können.
1. Grundlegende Werkzeuge zum Bearbeiten von Schriftarten: Bildbearbeitungsprogramme wie Photoshop und Illustrator bieten in der Regel eine Reihe von grundlegenden Werkzeugen zum Bearbeiten von Schriftarten an. Dazu gehören die Möglichkeit, die Größe, den Stil (z. B. Fett oder kursiv) und die Schriftfarbe zu ändern. Wenn Sie eine Schriftart sehen, die Sie in Ihrem Design verwenden möchten, aber ihren genauen Namen nicht kennen, können Sie diese Tools verwenden, um die Schrifteinstellungen zu ändern und sie mit dem Original zu vergleichen. Dies kann Ihnen helfen festzustellen, ob die von Ihnen gewählte Schriftart mit der Schriftart im ursprünglichen Design übereinstimmt.
2. Werkzeuge zur Schriftartdefinition: Es gibt auch spezielle Dienstprogramme, mit denen Sie die im Grafikdesign verwendeten Schriftarten identifizieren können. Eines der beliebtesten Tools ist WhatTheFont von MyFonts. Mit diesem Tool können Sie ein Bild hochladen, das Text mit einer unbekannten Schriftart enthält, und es wird versucht, die Schriftart anhand des Aussehens der Zeichen zu definieren. Sie können auch alternative Dienstprogramme wie Font Squirrel oder Identifont verwenden, die auch ähnliche Funktionen zur Schriftdefinition bieten.
3. Gemeinschaft von Designern und Druckern: Wenn Sie die Möglichkeit haben, wenden Sie sich an die Designer- und Typograf-Community, um bei der Definition der Schriftart zu helfen. Es gibt viele Foren und Ressourcen, in denen Sie ein Bild mit einer unbekannten Schriftart hochladen und um Hilfe von anderen Fachleuten bitten können. In vielen Fällen kann die Community Ihnen einen Schriftnamen vorschlagen oder zumindest Hinweise geben, wie Sie eine ähnliche Schriftart in der Nähe finden können.
Wenn Sie diese Methoden zum Definieren einer Schriftart in einem Grafikeditor anwenden, können Sie genau wissen, welche Schriftart im ursprünglichen Design verwendet wurde. Denken Sie unabhängig von der gewählten Methode daran, dass das Finden der gewünschten Schriftart Zeit und Geduld erfordern kann, aber das befriedigende Ergebnis ist die Mühe wert.
Wie verwende ich eine bestimmte Schriftart in meinem Projekt
Wenn Sie eine Website oder Anwendung entwerfen, kann die Auswahl einer geeigneten Schriftart ein wichtiger Aspekt Ihres Designs sein. Schriftarten helfen, eine Atmosphäre zu schaffen und die Stimmung Ihrer Inhalte zu vermitteln. In diesem Abschnitt erfahren Sie, wie Sie eine bestimmte Schriftart in Ihrem Projekt verwenden.
Es gibt mehrere Möglichkeiten, eine bestimmte Schriftart in einer Webseite zu verwenden. Betrachten wir einige von ihnen:
-
Festlegen der Schriftart mit CSS Die gebräuchlichste Methode zur Verwendung einer bestimmten Schriftart in einem Webprojekt ist die Verwendung von CSS. Sie können die Schriftart für verschiedene Elemente Ihrer Seite festlegen, einschließlich Überschriften, Absätze, Listen und mehr. Hier ist ein Beispiel für CSS-Code, mit dem Sie die Schriftart "Arial" für alle Absätze festlegen können (
) Ihrer Webseite:
Um dann die Schriftart "Open Sans" in Ihrer Webseite zu verwenden, können Sie sie mit CSS festlegen:
Jetzt haben Sie mehrere Möglichkeiten, eine bestimmte Schriftart in Ihrem Webprojekt zu verwenden. Sie können diejenige auswählen, die Ihren Designanforderungen und -anforderungen am besten entspricht.
