font tester chrome

Schriftart Tester - Schriftarten einfach gemacht (Chrome -Erweiterung)

Schriftart Tester über ↗️

Es ist schwierig, die richtige Schriftart zu wählen? Testen Sie nun 1000+ kostenlose Google -Schriftarten auf Ihrer Website.

Machen Sie sich mit dieser Erweiterung besser in der Website -Typografie.

Jetzt können Sie zu Ihrer Website gehen, auf die Erweiterung klicken, Schriftarten testen und die, die Ihnen gefällt, zusammen mit dem Code auswählen.

Herunterladen

Laden Sie die Erweiterung aus dem Chrome Extension Store herunter

oder

Sie können den DIM -Ordner aus den Veröffentlichungen herunterladen und manuell laden

Was ist neu ?

• Finden Sie nun Schriftarten von jeder Webseite.
• Vorschau -Schriftarten beim Dropdown -Bereich.
• Radfahrten mit Pfeiltasten.

Lesen Sie mehr in Changelogs

Merkmale des Schriftarts

✅ Testen Sie 1000+ Google -Schriftarten
✅ Finden Sie Schriftarten, die auf einer beliebigen Webseite verwendet werden
✅ Vorschau -Schriftarten beim Dropdown
✅ Bewegen Sie das Modal um die Webseite.
✅ Setzen Sie Kursivschrift, Untersteuer, Gewichte, Linienhöhe usw.
✅ Schriftgröße festlegen, Filter (Premium -Benutzer)
✅ Farbe, Buchstabenabstand (Premium -Benutzer) festlegen
✅ Loc lokale Schriftarten hochladen (Premium -Benutzer)
Mehr auf Roadmap

Wie benutze ich Schriftarten?

Für vollständige Anweisungen und Demo finden Sie die Dokumente

1. Gehen Sie zu Chrome Extensions Store und laden Sie den Schriftart Tester herunter
2. Stecken Sie nun die Erweiterung aus dem Puzzle -Erweiterungssymbol oben rechts.
3. Klicken Sie auf die Erweiterung und warten Sie einige Sekunden, bis es auf Ihrer Website geladen wird.
4. Heben Sie nun einen Text hervor.
5. Wählen Sie eine Schriftart.
6. Kopieren Sie den Code und verwenden Sie ihn. Ja, das war's

Notiz

Während der teilweisen Textauswahl beeinflussen die angewandten Schriftarten den gesamten Text zwischen den Elementen, da das Einfügen von Elementen zur Auswahl den Stil beeinflusst. In Zukunft können wir jedoch ein Element um die Auswahl basieren, basierend auf dem Benutzer -Feedback.

Lizenz

Holen Sie sich fortschrittliche Funktionen und mehr

Typ	Frei	Prämie
Unterstützung von Open-Source-Entwicklung	? Euen	?
Prioritätsunterstützung - (Prioritäten Ihre Feature -Anfragen, Probleme)	Unterstützung der Gemeinschaft	✅
Lebenszeitlizenz (einmaliger Kauf)	? Euen	✅
Kostenlose Updates	❓️	✅
Laden Sie lokale Schriftarten hoch		✅
Schriftstelle anpassen		✅
Früher Zugang zu bevorstehenden Funktionen		✅
Schriftfarbe einstellen		✅
Dunkles Thema		✅
Verlängerung für Edge und Firefox		✅
Preis	Frei	Preis
jetzt bestellen!	- -	Erhalten Sie Lizenz

---

Aktuelle Einschränkungen

• Das Skript kann das Skript nicht im Chrome -Erweiterungsspeicher ausführen, es wird standardmäßig blockiert
• Wenn der Schriftart Tester auch nach dem Doppelklicken auf eine Website nicht geöffnet ist, stellen Sie bitte ein Problem ein

FAQ

Wie teste ich verschiedene Schriftarten auf einer Webseite?

A. Sie können eine Schriftartenerweiterung verwenden, um verschiedene Schriftarten auf jeder Webseite zu testen.

Wie kann ich die auf einer Webseite verwendeten Schriftarten finden?

A. Sie können eine Schriftartenerweiterung verwenden, um Schriftarten auf jeder Webseite zu finden.

Wie kann ich meine lokalen Schriftarten testen?

A. Sie können lokale Schriftarten durch den Kauf der Lizenz testen. Es bietet mehr Funktionen, mit denen Sie verschiedene Typografie testen können.

Andere kostenlose und Open-Source-Tools

• Tolle Landing Pages
• Schwebevorschau - Vorschau auf Schwebe
• Django SaaS Boilerplate

Folgen Sie für Updates und Open-Source

• Twitter
• Github

Tech Stack

• Reactjs
• Rückenwind -CSS

Leiten Sie es lokal

Das für die Erweiterung erforderliche manifest.json befindet sich im öffentlichen Ordner.

So laden Sie die Erweiterung lokal. Gehen Sie zu Erweiterung -> Auspacken -> Punkt auf DIST -Ordner (der Build -Ordner).

Für Entwicklungsnutzung

 npm run build:dev

Dies liegt daran, dass die Erweiterung auf den Build -Ordner verweisen muss. Mit diesem Befehl müssen Sie nicht bei jedem Speichern wieder aufbauen.

Für die Entwicklung können Sie auch npm start verwenden, können sie jedoch nicht als Erweiterung laden, sondern als React -App.

Einige wichtige Anmerkungen:

• Die Erweiterung wird an einem Schatten angeschlossen. Dies soll den Seitenstil vermeiden, der sich auf den Widget -Stil auswirkt.