我有字體Verdana + Bold + 16pt + Stong在PSD 所以在html轉換, 我們有Font-family:Verdana + Font-weight:bold +字體大小:16pt +強什麼? (強HTML標籤不工作的這)字體樣式問題〜如何使字體平滑/強大的HTML css
有5種字體樣式出現在PSD 清晰,色彩豔麗,堅固,平整,無
,所以我不知道如何使字體堅固,平整,夏普等
我如何解決在所有瀏覽器(舊+新)這個問題。
謝謝。
我有字體Verdana + Bold + 16pt + Stong在PSD 所以在html轉換, 我們有Font-family:Verdana + Font-weight:bold +字體大小:16pt +強什麼? (強HTML標籤不工作的這)字體樣式問題〜如何使字體平滑/強大的HTML css
有5種字體樣式出現在PSD 清晰,色彩豔麗,堅固,平整,無
,所以我不知道如何使字體堅固,平整,夏普等
我如何解決在所有瀏覽器(舊+新)這個問題。
謝謝。
http://webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/可能有助於解決的文字看起來有點老年互聯網探索者清晰度差的問題。
至於對字體顯示有更多的控制 - 光線,粗體,中等等等,我會推薦從www.fontsquirrel.com選擇一個很好的可讀的襯線字體或san serif字體,大多數字體系列都會帶有各種可以使用的權重 - 爲不同的權重運行一些跨度。
Sharp,Crisp,Strong和Smooth是影響Photoshop如何渲染消除鋸齒文本的特殊字體效果。就我所知,CSS中沒有等價物。
你可以嘗試的是使用CSS效果來自己縮放/轉換文本,但對於每個文本的每個字母,可能對每個瀏覽器,對於每個操作系統來說可能都是這樣(因爲相同的字體被渲染在Windows,Mac和Linux中不同)。
如果這對您很重要,通常的做法是用Fahrner Image Replacement (FIR)替換帶有背景圖片的文字。這將文字顯示爲後備或帶有很好反鋸齒字體的圖像。
我認爲這可能是一些瀏覽器的具體方式。還有像你可以嘗試的文字陰影之類的東西,但一般情況下它取決於瀏覽器以及它如何處理字體邊緣。 - 這或多或少都是一樣的東西http://stackoverflow.com/questions/6823988/font-smoothing-techniques-text-shadow-rendering-differently-in-chrome-14-0-833 – Joonas