2014-02-21 94 views
0

我嘗試將輸入字段中的文本顯示在畫布上。在我的工作Ubuntu PC上,一切正常。 在macbook pro上,我遇到了一個名爲Agatha Modern的字體問題,但在Windows 7中,我遇到了字體衝突問題。在IE瀏覽器中使用fabric.js字體渲染(win 7)&OS X

所有字體使用1px筆畫。所有字體都是ttf。

影響Windows的問題 - 僞影,就像一個帶有長小字符串的僞3D。如果我將字體縮放到更大的尺寸 - 一切正常,小的文物。

在OS X中,自從將字體放在畫布上後,我遇到了問題。問題是 - ?光滑壞行​​程=(

什麼方式來解決這個問題的一些字體(非標)工作的每一個設備上很精細,但影響是非常重要的我Win7上

+0

嘿,我發現了問題:如果您在您的系統和負載有字體字體在您的網站織物(例如roboto從系統+ roboto從谷歌網站) - 它導致問題。 –

回答

1

我了。同樣的問題,請嘗試啓用字體平滑在樣式表畫布它使字體渲染相當要好很多,對我來說

canvas { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased; 
    text-rendering:optimizeLegibility; 
    font-smooth:always; 
} 
+0

OMG !!非常感謝你! –