From a95cc576c1803f1889e5bc1c8c7e9a816ef128a5 Mon Sep 17 00:00:00 2001
From: Adam Porter <adam@alphapapa.net>
Date: Wed, 27 Sep 2023 13:13:07 -0500
Subject: [PATCH] Add: Fallback font for symbols (#268)

* Add: Fallback font for symbols

Fixes #256.

* Change: Make fallback font static

See <https://github.com/scientific-python/scientific-python-hugo-theme/pull/268#discussion_r1338057858>.
---
 assets/theme-css/vars.css | 2 +-
 layouts/partials/css.html | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/theme-css/vars.css b/assets/theme-css/vars.css
index c23c4c32..2d1807db 100644
--- a/assets/theme-css/vars.css
+++ b/assets/theme-css/vars.css
@@ -1,6 +1,6 @@
 /* prettier-ignore */
 :root {
-  --fontFamily: {{ .Site.Params.font.name }};
+  --fontFamily: {{ .Site.Params.font.name }}, "Noto Sans Symbols 2";
 
   --colorPrimaryDark: rgb(1, 50, 67);
   --colorPrimary: rgb(77, 119, 207);
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index 5bc6bf62..86d67c9b 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -13,6 +13,10 @@
 
 <link rel="icon" href="{{ "images/favicon.ico" | relURL }}" />
 <link rel="stylesheet" href="{{ $fontUrl }}">
+
+<!-- Fallback font for symbols (such as "🛈"). -->
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+Symbols+2">
+
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
 
 <!-- SASS --- currently only for fresh -->