Better @font-face with Font Load Events on Dev.Opera

Read Better @font-face with Font Load Events on Dev.Opera.

@font-face is an established staple in the diet of almost half of the web. According to the HTTP Archive, 47% of web sites make a request for at least one custom web font. What does this m…


This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Read Better @font-face with Font Load Events on Dev.Opera.

@font-face is an established staple in the diet of almost half of the web. According to the HTTP Archive, 47% of web sites make a request for at least one custom web font. What does this mean for a casual browser of the web? In this article, I make the argument that current implementations of @font-face are actually harmful to the performance and usability of the web. These problems are exacerbated by the fact that developers have started using @font-face for two completely different use cases: content fonts and icon fonts, which should be handled differently. But there is hope. We can make small changes to how these fonts load to mitigate those drawbacks and make the web work better for everyone.


This content originally appeared on Zach Leatherman and was authored by Zach Leatherman


Print Share Comment Cite Upload Translate Updates
APA

Zach Leatherman | Sciencx (2014-09-26T12:00:00+00:00) Better @font-face with Font Load Events on Dev.Opera. Retrieved from https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/

MLA
" » Better @font-face with Font Load Events on Dev.Opera." Zach Leatherman | Sciencx - Friday September 26, 2014, https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/
HARVARD
Zach Leatherman | Sciencx Friday September 26, 2014 » Better @font-face with Font Load Events on Dev.Opera., viewed ,<https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/>
VANCOUVER
Zach Leatherman | Sciencx - » Better @font-face with Font Load Events on Dev.Opera. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/
CHICAGO
" » Better @font-face with Font Load Events on Dev.Opera." Zach Leatherman | Sciencx - Accessed . https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/
IEEE
" » Better @font-face with Font Load Events on Dev.Opera." Zach Leatherman | Sciencx [Online]. Available: https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/. [Accessed: ]
rf:citation
» Better @font-face with Font Load Events on Dev.Opera | Zach Leatherman | Sciencx | https://www.scien.cx/2014/09/26/better-font-face-with-font-load-events-on-dev-opera/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.