Skip to content

Fonts Effects Beta mask images served from themes.googleusercontent.com fail due missing CORS #5189

Open

Description

Issue description:

Google Chrome Browser window navigated to linked page showing content that reads 'Here is a complete listing of all the font effects that we offer:' followed by table of four columns: Effect, API Name, Class Name, and Support.  First content row displays black bold word "Anaglyph" with red shadow on the left and cyan shadow on the right. Its api-name is anaglyph, Class Name is "font-effect-anaglyph" and support is "Chrome, Firefox, Opera, Safari". Following rows have first example cells empty, like the second one with "brick-sign" Api Name and "Chrome, Safari" Support.  There are Devtools console on the right showing cascade of errors like Access to image at 'https://themes.googleusercontent.com/static/patterns/brick-sign.png' from origin 'https://developers.google.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

To Reproduce visit https://developers.google.com/fonts/docs/getting_started#enabling_font_effects_beta in Google Chrome or similar browser.

Expected behaviour: masked text samples visible / readable, like currently visible in archived snapshot

Fragment of the same table at the archived page. "Brick sign" is now visible as dark-red text with lighter ridges pattern resembling brick masonry

(Additional context:) I've posted this problem as a snark illustration of what I see as a specification flaw (failed mask response makes whole target element invisible) in w3c/fxtf-drafts#130 (comment)


Good move here would obviously be to move mask image files next to font files to avoid server configuration mismatch (and possible security firewalls blocking of googleusercontent domains). Or retiring/ending this beta experiment altogether.

Oh, or adding CORS headers for themes.googleusercontent.com responses is also an option.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions