diff --git a/88x31/index.html b/88x31/index.html
index e2d0783..b233c9b 100644
--- a/88x31/index.html
+++ b/88x31/index.html
@@ -96,6 +96,7 @@
+
@@ -111,6 +112,9 @@
+
+
+
diff --git a/js/discord.js b/js/discord.js
index fdb48f2..32e1acf 100644
--- a/js/discord.js
+++ b/js/discord.js
@@ -50,6 +50,9 @@
// observer key off it). Mini friend cards must not duplicate the id.
if (!opts.mini) card.id = "discord";
card.className = "presence-card" + (opts.mini ? " is-mini" : "") + (opts.tier ? " tier-" + opts.tier : "");
+ // Discord cards default to gg sans (Discord's own font) instead of the page's
+ // Comic Code. Per-name display fonts (set on .pc-name below) still override this.
+ card.style.fontFamily = "'DDN gg sans', sans-serif";
card.hidden = true;
card.innerHTML =
'
' +
diff --git a/js/friends.js b/js/friends.js
index 470f16b..c24ece4 100644
--- a/js/friends.js
+++ b/js/friends.js
@@ -81,6 +81,9 @@
var section = document.createElement("section");
section.className = "section";
section.id = slugify(group.title); // anchor target, e.g. #alts
+ // gg sans (Discord's font) as the default for the whole friends widget —
+ // group headers, subtitles and the cards inside — over the page's Comic Code.
+ section.style.fontFamily = "'DDN gg sans', sans-serif";
var h2 = document.createElement("h2");
h2.className = "section-title";