2012-04-27 93 views
1

我有一個測試網站test site,我已經使用cufon在頂部導航菜單上顯示字體,但它工作正常,但如果導航到blog section,菜單文本會受到干擾,幾個小時才能弄明白,但沒有成功,任何想法如何讓菜單字體像所有其他頁面一樣在博客部分對齊。cufon畫布大小的問題

感謝

+0

offtopic問題:爲什麼要使用的Cufón?使用'@ font-face',這會好得多。 – Christoph 2012-04-27 12:35:10

+0

@ font-face適用於所有瀏覽器? – 2012-04-27 12:35:44

+0

當然是的。如果你喜歡,我會將它發佈爲答案。 – Christoph 2012-04-27 12:36:01

回答

3

我建議使用@font-face代替的Cufón。

它在virtually every browser(IE支持從至少5.5版開始,yay)工作。

對於懶惰的傢伙,谷歌擁有廣闊的各種免費的充電網絡字體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 2012-08-23 18:32:19