Google Webfonts oder Typekit?

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 nie davon gehört, also habe ich es gegoogelt, und es schien ziemlich wie eine kostenpflichtige Version von Google Web Fonts zu sein; die 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 hätte. Daher meine Frage, ist das eine besser als das andere? Oder hat beides gute und schlechte Seiten?

Antworten (4)

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

Es ist kostenlos und Sie können jede beliebige Schriftart verwenden. Laden Sie einfach die Schriftart dorthin hoch, wo die Site gehostet wird, und geben Sie sie im CSS an. Sie müssen lediglich das Schriftartformat konvertieren, damit es mit verschiedenen Browsern kompatibel ist.

Hier ist ein Beispiel – sagen wir, Sie möchten die LeagueGothic-Schriftart verwenden:

1) Verwenden Sie einen Schriftartkonverter, um sie in .ttf, eot, woff usw. zu konvertieren. http://www.fontsquirrel.com/fontface/generator

2) Laden Sie alle Schriftartdateien in einen Schriftartenordner hoch

3) Fügen Sie in Ihrem CSS Folgendes hinzu (achten Sie darauf, die Pfad-URL entsprechend zu 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, rufen Sie es einfach auf:

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

Ich habe Typekit nicht ausprobiert, aber ich denke, es macht im Wesentlichen dasselbe - es 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

FYI: Es gibt potenzielle rechtliche Konsequenzen für das Einbetten von Schriftarten auf diese Weise, da es eine vollständige Kopie der Schriftart auf dem Client-Computer bereitstellt. Im Wesentlichen kostenloser Download von nicht lizenzierter Software.
Guter Punkt, daran hatte ich gar nicht gedacht.
Es ist eine gute Methode, aber man muss die Lizenz überprüfen, wenn man sie einhalten will.
Sofern es sich nicht um eine völlig kostenlose Schriftart handelt, ist für die Bereitstellung einer solchen Schriftart eine spezielle „Web-Fonts“- oder „Server“-Lizenz erforderlich, die sich von der Standard-Desktop-Lizenz unterscheidet, mit der Sie eine Schriftart in Flash oder eine PDF- oder Bilddatei einbetten können. Viele der großen Foundries misstrauen neuen Technologien wie dieser und bieten nur wenige Optionen an: Für einige ältere Schriftarten ist es leider so ziemlich der einzige legale Weg, sich auf ein Hosting-Setup eines Drittanbieters zu verlassen. Gute Nachrichten jedoch für kleine moderne Schriftdesigner, die sich einmischen und sich einen Namen machen können, während die etablierten Dinosaurier noch herausfinden, was zu tun ist ...

Erstens: Sind Sie mit der Schriftauswahl und dem Zeichenabstand der Schriftarten in Google Web Fonts zufrieden? Ich habe sie noch nicht verwendet, obwohl ich mindestens ein oder zwei Websites mit hervorragenden Ergebnissen gesehen habe, die sie verwenden. Gleichzeitig zeigen einige der Displays ihrer Schriftarten einen schlechten Letterfit (meistens zu viel Abstand zwischen den Buchstaben).

Wenn Sie im Druck verwendete Adobe-Schriftarten abgleichen müssen, klingt es so, als ob Typekit das Richtige wäre. Sie zeigen derzeit nicht zu viele Adobe-Schriftarten auf ihrer Basiskontoebene, obwohl es eine große Auswahl gibt. Das Basiskonto ist ziemlich günstig, also sollte sich ein Kunde es leisten können. Ich verwende es im Moment 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 davon, und mit dem Fluss zu gehen. Sie können sich Typecast ansehen, eine neue Website, die sich derzeit in der privaten Beta befindet, wo Sie im Browser entwerfen, Webfonts von Google, Typekit, Fonts dot com usw. auswählen, Ihr Website-Design mit Webfonts erstellen und genau sehen können, wie es aussehen wird , und bestellen Sie dann die Schriftarten, die für Sie geeignet sind. Ich habe darum gebeten, an der Beta teilzunehmen, um es auszuprobieren. Sollte den Prozess für Designer sicherlich reibungsloser machen.

Technisch gesehen sind sie ziemlich gleich.

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

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

Beachten Sie, dass viele Gießereien und Schriftvertriebe jetzt Dienstleistungen wie Typekit anbieten, also schauen Sie sich auf jeden Fall ein bisschen um.

Es scheint, als hätte Typekit professionellere Optionen, da sie jetzt im Besitz von Adobe sind (AFAIK). Ich mache mir Gedanken über die Betriebszeit und die Serverlast, wenn ich an diese Dienste denke. Typekit und Google scheinen beide über Ressourcen zu verfügen, die eine nahezu 100-prozentige Betriebszeit gewährleisten, sodass Ihre Schriftarten nicht ausfallen. (??)
Nichts hat eine 100-prozentige Betriebszeit, aber ja, sowohl Adobe als auch Google sollten die meiste Zeit in Betrieb sein. Und ja, Typekit wurde von Adobe gekauft. Ich bin nicht davon überzeugt, dass Typekit ein langfristiges Geschäftsmodell ist, aber es ist sinnvoll, ein Teil von Adobe zu sein (zumindest kann Adobe seine eigene Schriftbibliothek darüber problemlos lizenzieren).
Würden wir also 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 darüber gelesen habe, dass Typekit ziemlich viele Ausfallzeiten hatte, aber ich bin mir nicht sicher, wie alt der Kommentar war.
Als Designer sollten Sie Schriftarten basierend auf den Anforderungen des Projekts auswählen, zu denen sowohl Geschäftsziele als auch Budgetüberlegungen gehören. Eine Hobby-Website fehlt wahrscheinlich auf der Budgetseite, daher sollten Sie sich sehr gut an die Angebote von Google halten.

Sie sollten sich auch webfonts.fonts.com ansehen, da sie auch eine enorme Auswahl an Webfonts haben. 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 Schriftarten von Drittanbietern. Hör zu!