Skip to content

Load "Open Sans Bold" font-face explicitly

Overview

Fixes #738 (closed).

  • Load "Open Sans Bold" font-face explicitly since only some browsers correctly infer the rendering of higher weights. (Chrome & other Chromium browsers on Mac don't appear to do very well, Safari does better but not perfectly.)
  • Upgrades font version from v15 to v28 (latest from https://fonts.google.com/specimen/Open+Sans ref. raw css).
  • Adds Hebrew character support.

How to Test

  • Check out this branch & run Exosphere using npm run live-debug or similar.
  • Test case:
    • Log into an instance.
    • Note the font weight of the username in "(logged in as )" & the thickness of text in the Remove Project & Create buttons.
    • Repeat for a selection of browsers.
  • Check out another branch like master.
    • Repeat the test case above with a hard reload.

Screenshots

Before

Screenshot_2022-05-09_at_13.55.59

After

Screenshot_2022-05-09_at_15.18.14

Discussion

Now that bold renders correctly, the look of several elements has changed, notably: H1 Exosphere & button text.

Should there be a semi-bold typeface to capture these instead?

Edited by Kyle Tee

Merge request reports