2016-10-03 50 views
-2

我的字體看起來像是渲染了兩次。但是當我放大字體的時候會更正,看起來非常清晰。ios上的這種字體渲染出了什麼問題

下面是一個例子。 100%在右側。放大左側。

https://d17oy1vhnax1f7.cloudfront.net/items/2E3s1D2j29333I3s3I37/font-render.png

我看着CSS,不能發現問題。字體上不使用陰影或奇怪的CSS。

字體是ProximaNovaRgRegular。 以外,沒有具體的CSS。

-moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; 
+0

我不知道這是一個問題.. – Zolnoor

回答

1

這通常發生在您嘗試使用不受支持的font-weight時。

定期通常是font-weight:400;

如果這些標題:

顯然,許多移動設備(包括移動Safari瀏覽器)的東西,如字體樣式重量標題標籤(H1-H6):大膽。如果您使用的字體不包含粗體,則瀏覽器將創建一個仿造的粗體和偏移量。

CSS Tricks source

+0

完全正確的!我改變了頁面的CSS(添加了所需的字體系列https://www.createmybooks.com/BE/nl/jouw-eigen-cursus),現在看起來非常尖銳!謝謝。 –