20 Online-Topografie-Tools für das Webdesign

Benötigen Sie Hilfe bei Stilelementen, Wortabständen, Schriftauswahl, vertikaler Bewegung, Blöcken und Absätzen, Zeilenhöhe, Konvertierung von px in em und Aufmerksamkeit für zusätzliche Details in der Textkopie? Dies ist eine Übersicht über einige der besten Topografie-Tools, die Webdesignern heute online zur Verfügung stehen. In alphabetischer Reihenfolge sind vierzig Online-Ressourcen für Schrift- und Topografietools aufgeführt. Die ersten zwanzig sind in diesem Beitrag enthalten, und der letzte Satz von zwanzig wird nächste Woche veröffentlicht. Für den ersten Satz von 20 sehen Sie auch die Begleitgalerie, die unten Screenshots von Miniaturansichten in voller Größe enthält.

# 1 abcTajpu 1.6.5 Firefox Plugin

Mit diesem Add-On können Sie beim Eingeben von Firefox oder Thunderbird ganz einfach Wörter mit Akzent, internationale Zeichen oder Symbole eingeben, indem Sie mit der rechten Maustaste auf ein Kontextmenü klicken. Sie können auch Ihre eigenen Hotkeys für häufig verwendete Zeichen oder Symbole definieren.

# 2 Baseline Rhythm Calculator

Der Baseline Rhythm Calculator generiert CSS aus einer vom Benutzer eingegebenen Basisschriftgröße und Zeilenhöhe in px. Geben Sie einfach die Grundschriftgröße und die Grundlinienhöhe ein, klicken Sie auf die Schaltfläche "Berechnen", und die gesamte Seite ändert sich entsprechend Ihrer Eingabe. Wenn Sie zufrieden sind, holen Sie sich den automatisch generierten CSS-Code.

# 3 Bessere CSS-Schriftstapel

Dies sind großartige Schriftstapel für Ihre CSS-Stylesheets, die Sie in einem 22-seitigen PDF-Dokument (13, 1 MB) vollständig herunterladen können.

# 4 BitFontMaker

Dies ist ein Online-Bitmap-Schriftarten-Editor für Windows und Mac, mit dem Sie Bitmap-Schriftarten im laufenden Betrieb erstellen können. Bearbeiten Sie die Baseline-Schriftart, geben Sie ihr einen Namen und ein Copyright. Klicken Sie dann auf die Schaltfläche "Schriftart erstellen", und Ihre * .ttf-Datei wird erstellt.

# 5 Cooler Text

Cool Text ist ein KOSTENLOSER Grafikgenerator für Webseiten und überall dort, wo Sie ein beeindruckendes Logo ohne viel Designarbeit benötigen. Wählen Sie einfach die Art des Bildes, das Sie möchten. Füllen Sie dann ein Formular aus und Sie haben Ihr eigenes benutzerdefiniertes Bild im Handumdrehen erstellt.

# 6 Kopieren Sie einfachen Text

Haben Sie jemals etwas in oder aus Firefox-, IE- oder Office-Dokumenten kopiert und waren verärgert darüber, dass die Textformatierung (Fettdruck, Schriftgröße usw.) damit einherging? Wünschen Sie nicht, Sie könnten einfach den Text selbst kopieren, ohne ihn kopieren, in den Notizblock einfügen und dann erneut kopieren zu müssen? Diese Erweiterung bietet Ihnen die Möglichkeit, Text ohne Formatierung zu kopieren. Sie können es sogar so einstellen, dass zusätzlicher Platz im und um den kopierten Text gekürzt wird!

# 7 CSS Type Set, Letter Press für das digitale Zeitalter

Mit CSS Type Set können Sie Text visuell und interaktiv formatieren und das CSS generieren. Erstellen Sie Ihr CSS-Stylesheet online, ohne die Codierung zu kennen. CSS Type Set ist ein praktisches Typografie-Tool, mit dem Designer und Entwickler interaktiv testen und lernen können, wie sie ihre Webinhalte gestalten.

# 8 CSS Typeset Matrix und Codegenerator

Web-Typografie-Tool: CSS-Typeset Matrix- und Codegenerator ist eine Matrixtabelle, die Schriftgrößen mit symmetrischen und asymmetrischen Rändern für verschiedene Basisschriftgrößen darstellt - in Pixel- und Em-Einheiten. Es generiert auch den Quellcode im laufenden Betrieb und wird von Jan Quickels erstellt.

# 9 CSSTXT: Erstellt einen Stil

CSS TXT ist ein Stilgenerator für Text. Zu den erweiterten Eigenschaften gehören Schiebeleisten für das Styling, mit denen eine CSS-Datei generiert wird.

# 10 CSSType - Web Safe Typografie auf dem Bildschirm für Pixel-Perfektionisten

Mit CSSType können Sie mit dieser Online-Anwendung eine Vorschau von Text anzeigen und ändern. Es ermöglicht das Ändern von Text, Schriftart, Farbe, Größe, Hintergrund, Wortabstand, Abstand, Zeilenhöhe, Texteinzug, Beschriftungsabstand und Textausrichtung. Schließlich können Sie die CSS-Ausgabe zur Verwendung abrufen und generieren.

# 11 Em-basierte Layouts - Vertikaler Rhythmusrechner

Dieses Tool konvertiert Pixelwerte in em-Werte, abhängig von der Schriftgröße des Texts. Sie können Ränder und Auffüllungen auch automatisch festlegen, abhängig von der von Ihnen definierten Linienhöhe. Nach der Installation auf dem PC läuft es unter Adobe AIR Runtime. Beide finden Sie auf der Website.

# 12 EM Rechner

Em Calculator ist ein kleines JavaScript-Tool, mit dem skalierbares und zugängliches CSS-Design erstellt werden kann. Es konvertiert die Größe in Pixel in relative em-Einheiten, die auf einer Textgröße basieren.

# 13 Facelift Image Replacement (oder FLIR, ausgeprägter Fleer)

Facelift Image Replacement (oder FLIR, ausgesprochen Fleer) ist ein Bildersetzungsskript, das dynamisch Bilddarstellungen von Text auf Ihrer Webseite in Schriftarten generiert, die ansonsten für Ihre Besucher möglicherweise nicht sichtbar sind. Das generierte Bild wird automatisch über JavaScript in Ihre Webseite eingefügt und ist für alle modernen Browser sichtbar. Der kostenlose Download ist auf der Website verfügbar.

# 14 Umdrehen typisch

Mit "Typisch spiegeln" können Sie Text eingeben und dann in vielen verschiedenen Schriftarten gleichzeitig in der Vorschau anzeigen. Das typische Umblättern ist eine Möglichkeit, die beliebten Schriftarten auf Ihrem Computer zu erkunden. Wenn Sie eine andere Schriftart sehen möchten, die nicht vorhanden ist, klicken Sie einfach auf den Namen der Schriftart in der schwarzen Leiste oben auf dem Bildschirm, geben Sie den Namen einer Schriftart ein. Diese wird zur Hauptschriftart und wird gespeichert. Sie können den Beispieltext auch von "typisch umdrehen" in einen beliebigen Text ändern, wie ich es mit dem Text "Web-Topographie" getan habe.

# 15 Font Burner

Font Burner ist ein Tool zur Website-Verbesserung, mit dem Sie Ihrer Website ganz einfach neue Schriftarten hinzufügen können. Das Archiv der Schriftarten funktioniert universell in allen Browsern und auf allen Computern. Durch Hinzufügen eines einfachen Codeblocks zu Ihren Webseiten können Sie eine der Hunderten von Schriftarten bei Font Burner ausprobieren.

# 16 Font Finder

Font Finder ist ein weiteres Firefox-Plug-In, mit dem ein Benutzer die Schriftinformationen aller Elemente auf der Seite analysieren kann.

# 17 Schriftauswahl

Dieses einfache Tool zeigt Ihnen alle auf Ihrem Computer installierten Schriftarten und hilft Ihnen bei der Auswahl der für ein bestimmtes Projekt am besten geeigneten.

# 18 Schriftprüfer

Font Tester ist ein kostenloses Online-Tool zum Vergleichen von Schriftarten. Es ermöglicht Ihnen die einfache Vorschau und den Vergleich verschiedener Schriftarten nebeneinander mit verschiedenen auf sie angewendeten CSS-Schriftstilen. Dies ist sehr nützlich für Webentwickler, die genau die richtige Schriftart / den richtigen Stil / die richtige Farbe für ihre Seiten suchen. Um es zu verwenden, müssen Sie lediglich den Text eingeben, den Sie in der Vorschau anzeigen möchten, die verschiedenen CSS-Eigenschaften ändern, bis Sie einen gewünschten Stil gefunden haben, und dann auf die Schaltfläche "CSS-Code abrufen" klicken, um den gesamten erforderlichen CSS-Code zu generieren um diese Stile auf Ihrer Webseite zu reproduzieren.

# 19 Fontifier

Mit Fontifier können Sie Ihre eigene Handschrift für den Text verwenden, den Sie auf Ihrem Computer schreiben. Es wandelt ein gescanntes Beispiel Ihrer Handschrift in eine Handschrift um, die Sie in Ihrem Textverarbeitungs- oder Grafikprogramm verwenden können.

# 20 Fontstruct

Mit FontStruct können Sie schnell und einfach Schriftarten erstellen, die aus geometrischen Formen bestehen, die wie Kacheln oder Ziegel in einem Raster angeordnet sind. FontStruct ist ein kostenloses Tool zum Erstellen von Schriftarten von FontShop. Sobald Sie mit dem Erstellen fertig sind, generiert FontStruct hochwertige TrueType-Schriftarten, die in jeder Mac- oder Windows-Anwendung verwendet werden können.

Der endgültige Satz von zwanzig Tools für Schriftarten und Topografie wird im nächsten Beitrag vorgestellt.

© Copyright 2021 | pepebotifarra.com