これらのどちらよりも柔軟な別のオプションは、@ font-faceを使用することです。
これは無料で、好きなフォントを使用できます。サイトがホストされている場所にフォントをアップロードし、CSSで指定するだけです。唯一のことは、異なるブラウザと互換性を持つようにフォント形式を変換する必要があることです。
次に例を示します。LeagueGothicフォントを使用するとします。
1)フォントコンバーターを使用して、.ttf、eot、woffなどに変換します。http: //www.fontsquirrel.com/fontface/generator
2)すべてのフォントファイルをフォントフォルダにアップロードします
3)CSSに以下を含めます(パスのURLを適宜更新してください)。
@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)使用したい場合は、次のように呼び出します。
h3{
font-family: 'LeagueGothicRegular', 'Gill Sans', 'Lucida Grande', Trebuchet, sans- serif;
}
Typekitを試したことはありませんが、基本的に同じことを行うと思います。変換ステップとホスティングを削除するだけでなく、多くのフォントから選択できます。@ font-faceは実際にはそれほど手間がかからないので、個人的には好みです。
詳細については、この投稿を確認してください:http : //sixrevisions.com/css/font-face-guide