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