Opened 7 years ago
Closed 2 years ago
#41071 closed defect (bug) (duplicate)
Twenty Seventeen: Font Creates a Single Point of Failure
Reported by: | jhabdas | Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | |
Focuses: | ui, performance | Cc: |
Description
In attempting to develop locally using the Twenty Seventeen theme I have noticed the round trip to Google to pull down a Web Font creates a single point of failure. Steve Souders did quite a bit of work in this area several years ago:
https://www.afasterweb.com/2015/08/15/avoiding-a-single-point-of-failure/
For Web Fonts the problem is quite bad because they cannot be deferred like scripts without creating a FOUT/FOUC. So I'm curious, why not simply host the Web Fonts locally? Why create a SPOF by relying on an external stylesheet to load the Web Font?
Change History (9)
#1
in reply to:
↑ description
@
7 years ago
#2
@
7 years ago
- Component changed from Themes to Bundled Theme
- Summary changed from Twenty Seventeen Theme Font Creates a Single Point of Failure to Twenty Seventeen: Font Creates a Single Point of Failure
#3
@
7 years ago
I noticed the VIP Scanner plugin, a UI wrapped around the scanner library, errors WP.org theme review checks if it detects font files within a theme, which seems not right as it encourages individuals to use Web Fonts causing SPOF.
#4
@
7 years ago
This image captures the 17 seconds I spent waiting for WordPress page content to appear a result of a Web Font SPOF:
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
7 years ago
#6
@
7 years ago
- Focuses accessibility removed
Removing the accessibility focus as not strictly related to universal access for everyone.
#7
@
7 years ago
- Focuses accessibility added
I'm in Indonesia (population 25M in capital only) and Google Fonts seem to be working but the WOFF and WOFF2 files become unexpectedly canceled in Yandex Browser. This causes all of the text on some of my pages to load using system fonts when fonts could be removed from Google to reduce the SPOF and prevent these kinds of edge cases worldwide.
Restored accessibility tag given "universal access" is a concern here, as SPOF causes an entire page to become unusable and certain portions of the world are more greatly affected than others as I've exemplified above.
#8
@
6 years ago
- Focuses accessibility removed
This causes all of the text on some of my pages to load using system fonts
Maybe I'm missing something but the fallback to system fonts actually allows to read the content, no? If so, the content is still accessible in terms of web content accessibility, though maybe not so pretty :)
It would be great to have some feedback from the Bundled Theme component maintainers /Cc @davidakennedy @laurelfulford
I seem to be unable to edit my ticket. So here's a link directly to Steve's work, which is linked from the provided resource: http://www.stevesouders.com/blog/2010/06/01/frontend-spof/. Cheers.