Add SUSE font and wire in for SUSE brand

[nwmac]

Summary

Fixes #15744

Occurred changes and/or fixed issues

This PR adds the SUSE font and applies a few updates to wire it in to specific places in the UI.

Note that fonts are lazy-loaded, so the SUSE font will only load when text references the font. Thus, there is no impact on Community of adding this font.

Technical notes summary

SUSE font files added into shell/assets/fonts/suse.

Defines two font variables in the SUSE theme:

--title-font-family
--nav-font-family

These are then used in the UI - they are used in an optional mechanism, falling back when not defined by a theme.

Header.vue

Uses --title-font-family for the product name shown in the top header

TopLevelMenu.vue

Uses --title-font-family for the side menu menu items

typography.scss

Uses --title-font-family for all heading styles H1, H2, H3, H4, H5, H6

Areas or cases that should be tested

Check Community and Prime and check the fonts look correct.

Screenshot/Video

Images use red box to show font changes:

Header text:

Side Nav text:

Typography:

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes
• The PR has been reviewed in terms of Accessibility
• The PR has considered, and if applicable tested with, the three Global Roles Admin, Standard User and User Base

[aalves08]

LGTM