Add: Fallback font for symbols

[alphapapa]

See #256.

[netlify]

✅ Deploy Preview for scientific-python-hugo-theme ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	df7ceaf
🔍 Latest deploy log	https://app.netlify.com/sites/scientific-python-hugo-theme/deploys/65146ac5b5f806000856566b
😎 Deploy Preview	https://deploy-preview-268--scientific-python-hugo-theme.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 95 Accessibility: 100 Best Practices: 100 SEO: 89 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alphapapa]

@jarrodmillman This fallback font, Noto Sans Symbols 2, includes the 🛈 character, so this should fix rendering on your system and any other that doesn't have a system font which includes the character. Please let me know if this deploy preview renders it correctly on your system: https://deploy-preview-268--scientific-python-hugo-theme.netlify.app/shortcodes/

[jarrodmillman]

LGTM

[jarrodmillman]

hmm. It worked for me before, but I am now getting

[stefanv]

That header has font weight 700, I think, so we'd need that weight included. Perhaps 400, 700 to have bold and non-bold.

[jarrodmillman]

[alphapapa]

That header has font weight 700, I think, so we'd need that weight included. Perhaps 400, 700 to have bold and non-bold.

Unfortunately, the Noto Sans Symbols 2 font only offers one weight, 400: https://fonts.google.com/noto/specimen/Noto+Sans+Symbols+2 If you'd like, I could try to dig up another fallback font that includes that symbol, but I'm not sure if there's much alternative.

This latest screenshot from Jarrod shows how it looks on his system now. What do you think?

[stefanv]

That looks great!