fix: add anonymous crossoriginto fontawesome fonts

[12rambau]

Fix #1613

@dbitouze I'm in unknown territory here so you should consider this PR experimental.
I think the issue is relater to the definition of the links so I tried setting up more details in the webpack.config.js

Could you try your build against this PR version and let us know ?

[dbitouze]

@12rambau As asked here, how to proceed to test a branch or a PR (in concrete terms)? 😉

[12rambau]

To test a build against a branch you need to install the lib using the git reference. Somwhere in your requirements.txt, setup.py or pyproject.toml you should have a line like:
pydata-sphinx-theme>=0.14.4

replace this line with the PR url as such:
pydata-sphinx-theme @ git+https://github.com/12rambau/pydata-sphinx-theme@fontawesome

and you will be using this exact branch instead of the one published on pypi

[dbitouze]

(Sorry for the delay.) In fact don't have any requirements.txt, setup.py or pyproject.toml. Instead I tried to follow this procedure:

pip install git+https://github.com/12rambau/pydata-sphinx-theme@fontawesome

It looks it was properly installed but I couldn't find any webpack.config.js file (that you changed) in ./.venv/lib/python3.10/site-packages/pydata_sphinx_theme/. Anyway, still:

A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
A preload for '<URL>' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-brands-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-regular-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-solid-900.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-brands-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-solid-900.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-regular-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-solid-900.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-brands-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
index.html:339 A preload for 'file:///home/bitouze/latex/gutenberg/generation-de-la-faq-sous-sphinx/faq-md/_build/html/_static/vendor/fontawesome/6.5.1/webfonts/fa-regular-400.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.

in Chromium-browser.

[dbitouze]

BTW, during the first .venv/bin/sphinx-build -v . _build/html process, I got the several warnings and errors: see
warnings_and_errors.txt.

[12rambau]

all the warnings you get are unrelated to the theme and due to issues with autosummary and I guess, API generation. let's focus on the subject at hand for the moment.

[12rambau]

(Sorry for the delay.) In fact don't have any requirements.txt, setup.py or pyproject.toml. Instead I tried to follow this procedure:

it's perfectly fine as well

It looks it was properly installed but I couldn't find any webpack.config.js file (that you changed) in ./.venv/lib/python3.10/site-packages/pydata_sphinx_theme/

That's normal the file is not distributed in the wheel it's simply used to dynamically build static resources upon installation.

If you inspect one of these links in the header of the generated header, does it have the crossorigin="" option or crossorigin="anonymous" ?

[dbitouze]

If you inspect one of these links in the header of the generated header, does it have the crossorigin="" option or crossorigin="anonymous" ?

The 3 links involved have crossorigin="anonymous".

[12rambau]

ok great so my change is propagated to the version you install bu still don't fix your issue....

[trallard]

This was already fixed in another PR so will close this one. Thanks for your work @12rambau 🙏🏽