Heute haben wir einen exklusiven Pre-Release-Einblick in eine aufregende neue Auswahl für die Verwendung verschiedener Schriftarten im Web.
Nachfolgend besprechen wir kurz, was FontDeck ist und wie einfach es ist, sich auf Ihrer Site einzurichten. Lass uns anfangen!
Was ist FontDeck?
FontDeck ist ein weiterer Einstieg in die Suche nach Websites, die den CSS-Selektor @ font-face verwenden, um auf einfache Weise attraktive, web-sichere Schriftarten in Ihre Websites einzubetten.
FontDeck verwendet reines CSS, um seine Magie zu erreichen, sodass Sie sich nicht mit JavaScript, Flash oder anderen zusätzlichen Technologien wie mit TypeKit und einigen anderen Technologien herumschlagen müssen.
Leider befindet sich FontDeck in einem so frühen Stadium, dass ich Sie nicht zu sehr anzeigen kann, da sich die aktuellen Zeichensätze im System ändern können. Vergib also jegliche selektive Unschärfe, da sie Inhalte darstellt, die noch nicht endgültig sind.
Setup & Schriftartauswahl
FontDeck macht es sehr einfach, attraktive Schriften in kürzester Zeit auf Ihrer Website zu implementieren. Im Folgenden werden wir den grundlegenden Prozess durchlaufen, um alles zum Laufen zu bringen.
Um sich für FontDeck anzumelden, geben Sie einfach Ihre E-Mail-Adresse ein und weisen eine Domäne zu. Sobald dieser Schritt abgeschlossen ist, können Sie mit dem Durchsuchen der Schriftarten beginnen.
FontDeck bietet verschiedene Möglichkeiten zum Durchsuchen und Durchsuchen von Schriftarten. Erstens ist die Option zur Ansicht nach Stil. Die aktuellen Kategorien sind Serif, Sans Serif, Slab Serif, Skript, Blackletter, Display, Symbol und Nicht-Latein.
Außerdem können Sie eine Suchzeichenfolge eingeben oder nach Hersteller, Designer oder Tag durchsuchen.
Aktivieren und Installieren von Schriftarten
Wenn Sie eine gewünschte Schriftart gefunden haben, klicken Sie einfach auf die Schaltfläche zum Aktivieren und wählen Sie die Site aus, auf der Sie die Schriftart installieren möchten.
Jetzt erhalten Sie zwei Codefragmente, mit denen Sie die Schrift auf Ihrer Website implementieren können. Der erste ist ein einfacher Stylesheet-Link (ex: link rel =? Stylesheet? href =? http: //?), um sie in den Header-Bereich Ihres HTML-Codes einzufügen.
Das zweite Snippet ist eine CSS-Schriftfamilie, die Sie in Ihre Stylesheets einfügen können, wo die FontDeck-Schriftart angezeigt werden soll (zB: font-family:? Fontname ?, serifenlos; Schriftdicke: fett; font-style: normal; }).
Wie Sie sehen, ist das CSS für die Schriftfamilie genau so, wie Sie es normalerweise tun würden. Sie müssen nicht einmal @ font-face verwenden. Dies liegt daran, dass der @ font-face-Code automatisch in dem externen Stylesheet generiert wird, zu dem Sie in der Kopfzeile einen Link erstellen. Sie können FontDeck-Schriftartnamen sogar in bereits installierte vorhandene Schriftfamilien einfügen, wodurch Sie die Fallback-Szenarien vollständig steuern können.
Lizenzierung
Jede von Ihnen installierte Schriftart wird zunächst im eingeschränkten Verwendungsmodus aktiviert. Der Modus für eingeschränkte Verwendung bedeutet, dass Sie die Schriftart kostenlos verwenden können, jedoch nur für Besucher ab 20 eindeutigen IP-Adressen sichtbar sind. Dies ist perfekt für Tests und Design, damit Sie ein Gefühl dafür bekommen, wie eine Schrift auf Ihrer Website aussehen wird, bevor Sie sie kaufen.
Wenn Sie entscheiden, dass Ihnen eine bestimmte Schriftart gefällt, können Sie diese Schriftart kaufen, um sie auf der von Ihnen registrierten Site zu verwenden.
Schlussgedanken
Nachdem ich ein paar andere ähnliche Lösungen ausprobiert hatte, war FontDeck eines der einfachsten Systeme, das bisher für das Einbetten von Premium-Schriftarten in Webseiten entwickelt wurde. Um ehrlich zu sein, haben Sie wahrscheinlich viel länger gebraucht, um diesen Artikel zu lesen, als eine Schriftart auszuwählen und den Code für Ihr Design mit FontDeck zu verwenden.
Lösungen wie FontDeck weisen hoffentlich auf eine helle, problemlose Zukunft für fortschrittliche Typografie im Web hin. Zur Zeit ist es noch in privater Beta, aber wir halten Sie auf dem Laufenden und lassen Sie wissen, wann sie startet.