2013-04-27 89 views
1

我遇到了一個腳本字體問題,稱爲Thirsty Script Bold,我在我的網站上使用。字母間距似乎對某些字母是正確的,但不適用於其他字母。儘管我甚至沒有觸及字母間距。你可以在這裏看到一個例子: http://oi40.tinypic.com/2wpikgw.jpg。如您所見,「e」的末尾並不完全與「b」合併,而「b」與「s」合併太遠。自定義腳本字體字距和字體間距與字體

我曾嘗試搞亂信間距,但它似乎只是惡化問題。

這裏是我的頁面級

p.websites{ 
font-family: ThirstyScriptBold; 
font-size: 80px; 
text-align: center; 
margin:0 auto; 
} 

CSS這裏是我的HTML的頁面級

<p class="websites">Websites</p> 

這裏是我的fontface-

@font-face {font-family: 'ThirstyScriptBold';src: url('ThirstyScriptBold.eot');src: url('ThirstyScriptBold.eot?#iefix') format('embedded-opentype'),url('ThirstyScriptBold.woff') format('woff'),url('ThirstyScriptBold.ttf') format('truetype');} 
+0

你的其他風格呢?確保正確地重置樣式:'font-weight:normal;'和'font-style:normal;' – Sven 2013-04-27 22:22:17

+0

感謝您的建議。我添加了兩個屬性,但問題仍然存在。 – 2013-04-27 22:49:09

+1

我解決了這個問題,結果發現信件提示出現了問題,所以我重新下載了字體提示設置爲「native」的myfonts的web字體包,現在工作正常。感謝所有的幫助! – 2013-04-28 16:08:55

回答

0

不幸的是CSS。我相信這是如何顯示字體。我建議使用另一種類似的字體,但是可以工作。你可以免費找到一個:http://www.google.com/fonts/

+0

那就是我想的,只是想確認一下。自從我爲這種字體付款以來,我非常惱火。感謝您的幫助! – 2013-04-27 22:50:41

+0

不要忘記接受答案... – Xarcell 2013-04-27 22:52:37

+1

對!對不起,我剛剛在這裏有一個帳戶,我仍然習慣它! – 2013-04-27 23:02:56

1

這看起來像字體的設計缺陷,但它可能實際上取決於缺乏字距。大多數瀏覽器默認不應用字距調整,儘管Firefox可以。所以,你可以先試試是否添加以下幫助:

p.websites { 
    -webkit-font-feature-settings: "kern"; 
    -moz-font-feature-settings: "kern"; 
    font-feature-settings: "kern"; 
} 

它也有可能是用軟件生成的Web字體版本摧毀了核心表;這經常發生。然而,我期望Webfont package sold by fonts.com包含WOFF,EOT,TTF和SVG版本,其中包含字距和其他OpenType功能。

0

我遇到了同樣的問題使用Thirsty腳本Web字體。代工廠(Yellow Design Studio)從網絡字體中剝離了所有OpenType功能。這似乎刪除了字距數據。

「所有OpenType功能和所有擴展字形已被刪除。」

我通過使用Font Squirrel web font generator來創建一組新的Web字體來解決此問題。