Improve stability of Noto Sans import

[Mandrenkov]

Context:

Every now and then, Sphinx projects which include the Xanadu Sphinx Theme do not render the Noto Sans font correctly. This most likely originates from the use of @font-face which is not a recommend way to embed Google Fonts.

For example, the PennyLane Sphinx documentation occasionally renders as

instead of

(To easily spot the difference, take a look at the renderings of the "g".)

Description of the Change:

• Replaced the @font-face directive with an @import directive in the CSS file.

Benefits:

• Better stability when importing the Noto Sans font.

Possible Drawbacks:

• None.

Related GitHub Issues:

• None.

[josh146]

Thanks @Mandrenkov! Looks good to me, did you have a chance to test it locally?

It might be nice in the future to add a 'test sphinx doc' to this repo, that we can use for testing changes in PRs 😆

[Mandrenkov]

Thanks for the review, @josh146!

I built the PennyLane-Lightning documentation locally and confirmed that the navbar is identical to the one currently shown on the PennyLane site:

The GitHub Action is a great idea although a good start would be to have Sphinx documentation for this repository.

[josh146]

The GitHub Action is a great idea although a good start would be to have Sphinx documentation for this repository.

Yep this is a great idea (but out of scope for now unfortunately). I'll make an issue!