From: Ben Harris <bjh21@bjh21.me.uk>
Date: Fri, 24 Oct 2025 13:04:53 +0000 (+0100)
Subject: Use "rem" to set the base font size in CSS
X-Git-Tag: bedstead-3.261~25
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=8f969e4577126d090b7f8161a39f875a69161d20;p=bedstead.git

Use "rem" to set the base font size in CSS

This means that the font size will vary based on the user's selected
default font size even in the absence of zooming.
---

diff --git a/bedstead.css b/bedstead.css
index 446d1ea..73a416f 100644
--- a/bedstead.css
+++ b/bedstead.css
@@ -10,7 +10,7 @@
 /* Use Bedstead for everything. */
 body {
     font-family: Bedstead;
-    font-size: 20px;
+    font-size: 1.25rem; /* 20px for normal default font size of 16px. */
     font-synthesis: none;
     margin: 8px;
     margin-left: 32px;
@@ -85,7 +85,7 @@ input:not([type="image" i], [type="range" i], [type="checkbox" i],
  * be used instead.
  */
 .text-sample {
-    font-size: 50px;
+    font-size: 2.5em;
     /* These may be overridden by the @media rule below. */
     display: block;
     speak: never;