2017-08-30 119 views
-1

在生產網站(不能透露),正常重量的字體似乎先渲染,然後用粗體重的字體得到渲染。 兩者都使用相同的字體系列。在Chrome/Opera上可以看到這種行爲。 正常和粗體字體從不同的字體文件加載(woff)。文件下載之間幾乎沒有時間差異。HTML文字與字體重量:正常是先渲染和字體重量:粗體後

任何方式,我可以改善這一點? enter image description here

請看附件圖片中的nytimes.com。這種行爲不適合我。對於我的網站,Normal Font權重首先加載然後加粗。此外,文本是在同一部分enter image description here

+0

你如何看待我們無需任何代碼就可以回答? – Utkanos

+0

@Ukkanos你爲什麼需要這個代碼..其簡單的兩個字體文件加載和渲染是不同的。我對此投下反感,最近更加惱火。你有任何建議,任何線索......顯然,作爲一名開發人員,由於時間不夠,無法成爲所有人的專家。那麼爲什麼這是低調?您提出建議 – user1428716

+0

@Utkanos - 需要說明爲什麼你已經投下了這個問題 – user1428716

回答

0

如果由於加載時間的問題,你有1樣式表加載和應用,然後其他加載和覆蓋,那麼你有幾個選擇去做。

你還沒有提供任何代碼,所以我打算在理論上進行談話,並說如果它不影響其他元素,就可以刪除被覆蓋的聲明。

您也可以使用JavaScript不顯示頁面/特定元素,直到兩個樣式表都被加載,這意味着您談論的問題永遠不會被看到。

這是我可以提供的所有幫助,而無需查看正確的代碼方案。

+0

感謝您的回覆。這裏的問題是我不能共享代碼。兩個具有不同字體重量的字體文件在相同的時間段內加載。看看jpmorgan,com @文本客戶端登錄文本,首先呈現,然後像CAREERS等其他文本? ( @ 頂端 ) 。同樣的問題是我的網站 – user1428716

+0

奇怪的是,當我看着客戶端登錄和職業文本,瀏覽器緩存關閉,沒有節流,我沒有注意到你在描述什麼? :/ @ user1428716 –

+1

最後我解決了它使用FontFace Observer - 所有的字體都加載我把一個顯示:沒有在身上。一旦我完成了,我把顯示:塊放在身上 – user1428716