2017-04-11 32 views
0

我發現Mac上的Chrome上的錯誤(據我所知),當使用自定義@font-face圖標時。字體圖標缺少一些細節,如果對象/路徑很小(Mac上的Chrome)

當對象/路徑非常小,並且某些尺寸會丟失一些細節。使用IcoMoon讓我的自定義字體圖標

我的測試,以正常和小圖標這樣

林:

enter image description here

然後我嘗試擴大字體大小並在Mac上對Chrome進行測試(57.0.2987.133(64位))

我得到了這樣的結果:

enter image description here

你會看到紅色的部分細節不見了地方

任何伎倆來修復這個bug還是我不得不等待更新?

演示:https://jsfiddle.net/vhhk5vrg/

回答

0

我認爲它已經與字體大小的微小細節去你的圖標丟失的轉換操作。

如果你只是改變狀態並檢查圖標,結果看起來一樣好。

檢查此屏幕截圖,我已經增加了較小紅色圖標的font-size

enter image description here

檢查更新fiddle

編輯

是的,有在font-size: 250px在Chrome渲染一些問題,在Mac上看起來。但是,如果您放大瀏覽器,則細節會正確呈現並可見。

檢查:

enter image description here

+0

嘗試在設置字體大小小:250像素; https://jsfiddle.net/h2ndq6r4/2/ – l2aelba

+0

我做了,有一些渲染問題。但是放大後的細節再次可見。 – nashcheez

+0

Yeps :(這是不好的hehe – l2aelba