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
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.
quelle
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.
quelle
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!
quelle