Google Web Fonts oder Typekit?


8

Als Grafikdesigner mache ich Website-Designs, aber nicht die Entwicklung. Jemand hat mich heute gefragt, ob ich etwas über Typekit weiß, und ich hatte noch nichts davon gehört, also habe ich es gegoogelt, und es schien so ziemlich wie eine kostenpflichtige Version von Google Web Fonts zu sein. was ich gelegentlich benutze. Ich kenne die technischen Entwicklergründe für die Verwendung des einen oder anderen nicht, aber ich möchte nicht, dass mein Kunde etwas kauft, wenn er einfach etwas anderes kostenlos hätte verwenden können und die gleichen Ergebnisse erzielt. Meine Frage ist also, ist einer besser als der andere? Oder gibt es gute und schlechte Punkte für beide?

Antworten:


6

Eine andere Option, die flexibler ist als beide, ist die Verwendung von @ font-face .

Es ist kostenlos und Sie können jede gewünschte Schriftart verwenden. Sie müssen die Schriftart nur an die Stelle hochladen, an der die Site gehostet wird, und sie im CSS angeben. Sie müssen lediglich das Schriftformat konvertieren, um mit verschiedenen Browsern kompatibel zu sein.

Hier ist ein Beispiel: Angenommen, Sie möchten die LeagueGothic-Schriftart verwenden:

1) Verwenden Sie einen Schriftkonverter, um ihn in .ttf, eot, woff usw. zu konvertieren. Http://www.fontsquirrel.com/fontface/generator

2) Laden Sie alle Schriftdateien in einen Schriftartenordner hoch

3) Fügen Sie in Ihr CSS Folgendes ein (stellen Sie sicher, dass Sie die Pfad-URL entsprechend aktualisieren):

      @font-face {
       font-family: 'LeagueGothicRegular';
       src: url('../fonts/League_Gothic-webfont.eot');
       src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/League_Gothic-webfont.woff') format('woff'),
       url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
       url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
       font-weight: normal;
       font-style: normal;
     }

4) Und wenn Sie es verwenden möchten, nennen Sie es einfach:

    h3{ 
      font-family: 'LeagueGothicRegular', 'Gill Sans', 'Lucida Grande', Trebuchet, sans-  serif; 
    }

Ich habe Typekit noch nicht ausprobiert, aber ich denke, es macht im Wesentlichen das Gleiche - nimmt nur den Konvertierungsschritt und das Hosting für Sie heraus und bietet auch viele Schriftarten zur Auswahl. @ font-face ist wirklich nicht viel mehr Arbeit, also bevorzuge ich es persönlich.

Weitere Informationen finden Sie in diesem Beitrag: http://sixrevisions.com/css/font-face-guide


5
Zu Ihrer Information: Es gibt potenzielle rechtliche Konsequenzen für das Einbetten von Schriftarten auf diese Weise, da eine vollständige Kopie der Schrift auf dem Client-Computer bereitgestellt wird. Im Wesentlichen kostenloser Download von nicht lizenzierter Software.
Horatio

1
Guter Punkt, daran hatte ich überhaupt nicht gedacht.
ein yu

Es ist eine gute Methode, aber man muss die Lizenz überprüfen, wenn man sie einhalten will.
Horatio

Sofern es sich nicht um eine völlig kostenlose Schriftart handelt, ist für das Bereitstellen einer solchen Schriftart eine spezielle "Webfonts" - oder "Server" -Lizenz erforderlich, die sich von der Standard-Desk-Lizenz unterscheidet, mit der Sie eine Schriftart in Flash, ein PDF oder eine Bilddatei einbetten können . Viele der großen Gießereien misstrauen solchen neuen Technologien und bieten nur wenige Optionen: Bei einigen älteren Schriftarten ist es leider so ziemlich der einzige legale Weg, sich auf ein Hosting-Setup eines Drittanbieters zu verlassen. Gute Nachrichten für kleine moderne Schriftdesigner, die sich einen Namen machen können, während die etablierten Dinosaurier noch herausfinden, was zu tun ist ...
user56reinstatemonica8

5

Sind Sie zunächst mit der Typauswahl und dem Zeichenabstand von Schriftarten in Google Web Fonts zufrieden? Ich habe sie noch nicht verwendet, obwohl ich mindestens eine oder zwei Websites mit hervorragenden Ergebnissen gesehen habe. Gleichzeitig weisen einige der Anzeigen ihrer Schriftarten eine schlechte Buchstabenanpassung auf (meistens zu viel Platz zwischen den Buchstaben).

Wenn Sie mit den im Druck verwendeten Adobe-Schriftarten übereinstimmen müssen, ist Typekit möglicherweise genau das Richtige für Sie. Derzeit werden auf ihrem Basiskonto nicht zu viele Adobe-Schriftarten angezeigt, obwohl es eine große Auswahl gibt. Das Basiskonto ist ziemlich günstig, daher sollte es sich ein Kunde leisten können. Ich verwende es momentan in einem Blog auf DrupalGardens und genieße es, Myriad Pro verwenden zu können.

Wahrscheinlich kommt es darauf an, die Schriftarten auszuwählen, die Sie verwenden möchten, zu sehen, welche Site das hat, was Sie wollen oder in der Nähe, und mit dem Fluss zu gehen. Sie können Typecast ausprobieren, eine neue Website, die sich derzeit in der privaten Beta befindet. Dort können Sie im Browser entwerfen, Webfonts von Google, Typekit, Fonts dot com usw. auswählen, Ihr Website-Design mit Webfonts erstellen und genau sehen, wie es aussehen wird Bestellen Sie dann die für Sie geeigneten Schriftarten. Ich habe darum gebeten, an der Beta teilzunehmen, um sie auszuprobieren. Sollte den Prozess für Designer sicherlich reibungsloser gestalten.


2

In Bezug auf die Technologie sind sie ziemlich gleich.

In Bezug auf das Produkt unterscheiden sie sich darin, dass Google sich auf Open-Source-Angebote (ohne Kosten) konzentriert, während sich Typekit auf kommerzielle Typlizenzen konzentriert.

Die Entscheidung, welche Schrift verwendet werden soll, hängt wirklich davon ab, welche Schriftart Sie verwenden möchten.

Beachten Sie, dass viele Gießereien und Typendistributoren jetzt Dienste wie typekit anbieten.


1
Es scheint, als hätte typekit professionellere Optionen, da sie jetzt im Besitz von Adobe (AFAIK) sind. Ich frage mich über die Verfügbarkeit und die Serverlast, wenn ich an diese Dienste denke. Typekit und Google scheinen beide Ressourcen zu haben, die eine nahezu 100% ige Verfügbarkeit gewährleisten, sodass Ihre Schriftarten nicht geladen werden können. (??)
Horatio

Nichts hat eine 100% ige Verfügbarkeit, aber ja, sowohl Adobe als auch Google sollten die meiste Zeit aktiv sein. Und ja, Typekit wurde von Adobe gekauft. Ich bin nicht davon überzeugt, dass Typekit ein langfristiges Geschäftsmodell ist, aber ein Teil von Adobe zu sein, macht Sinn (zumindest kann Adobe problemlos eine eigene Schriftbibliothek darüber lizenzieren).
DA01

1
Würden wir für ein kleines Unternehmen oder für Websites, die eher ein Teilzeitjob / Hobby sind, Google Web Fonts sagen? Ich erinnere mich, dass ich einen Kommentar über Typekit gelesen habe, der einen angemessenen Anteil an Ausfallzeiten hat, aber ich bin mir nicht sicher, wie alt der Kommentar war.
Willow

1
Als Designer sollten Sie Schriftarten auswählen, die auf den Anforderungen des Projekts basieren und sowohl Geschäftsziele als auch Budgetüberlegungen umfassen. Eine Hobby-Website fehlt wahrscheinlich auf der Budget-Seite, daher möchten Sie sich möglicherweise auf die Angebote von Google stützen.
DA01

1

Sie sollten auch webfonts.fonts.com besuchen, da es auch eine enorme Auswahl an Web-Schriftarten gibt. Sie führen auch viele der Top-Branding-Schriftarten, die Marken verwenden, wie Helvetica, Avenir, Univers, Frutiger und viele mehr. Sie führen auch viele Gießerei-Schriften von Drittanbietern. Hör zu!

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.