2012-04-27 49 views
1

私は上部ナビゲーションメニューにフォントを表示するためにcufonを使ったテストサイトtest siteを持っていますが、それはうまく動作しますが、blog sectionに移動すると、メニューのテキストが乱れる成功していないことを理解する時間、他のすべてのページのようにブログのセクションに合わせてメニューフォントを取得する方法。cufonキャンバスの問題の問題

おかげ

+0

offtopic質問:

が効果的にそれがこのようなものだcufonを使用する理由? '@ font-face'を使うと、はるかに優れています。 – Christoph

+0

@ font-faceはすべてのブラウザで動作しますか?もちろん –

+0

です。私はあなたが好きなら答えとして投稿します。 – Christoph

答えて

3

私の代わりにcufonの@font-faceを使用することをお勧めします。

virtually every browserで動作します(IE-Supportは少なくともバージョン5.5以降です)。怠惰な男性のための

は、Googleが無償Webfontsの広大な様々なを持っているあなたは特別な何かをしたい場合は、あなたが著作権を持っている場合や、(お好みのフォントを使用する必要がhere

フリーフォントを使用して)必要なフォーマットに変換します(ウェブ上にたくさんのコンバータがあります)。

その後、たとえばPaul Irish's Article about @font-faceをご覧ください。そして、そこに行く。

@font-face { 
    font-family: 'Graublau Web'; 
    src: url('GraublauWeb.eot'); 
    src: local('☺'), 
    url("GraublauWeb.woff") format("woff"), 
    url("GraublauWeb.otf") format("opentype"), 
    url("GraublauWeb.svg#grablau") format("svg"); 
} 
+0

font-faceの唯一の欠点は、アンチエイリアスの欠如です... cufonはスケーリングを使ってこれを処理しているようです。 – FilmJ

関連する問題