diff --git a/assets/css/style.css b/assets/css/style.css
index 9708038..69f5744 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -242,8 +242,12 @@
}
}
-/* Fonts */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
+/* Fonts. Inter is loaded in head.html. Without this rule, text that has no
+ inter-* class, such as paragraphs written in Markdown, uses Bootstrap's
+ system font stack. */
+body {
+ font-family: "Inter", sans-serif !important;
+}
/* Variables */
:root {
@@ -1382,3 +1386,18 @@ a.next-page-btn:hover {
.content pre::-webkit-scrollbar-thumb:hover {
background: #afb8c1 !important;
}
+
+/* Line length. Running text is capped at about 80 characters per line.
+ Paragraphs and list items that hold an image, video, embed, table, code
+ block or other layout keep the full width of their container. */
+main :is(p, li):not(:has(img, video, iframe, table, pre, div)) {
+ max-width: 40em !important;
+}
+
+/* Keep centered paragraphs centered once they are narrower than their
+ container. */
+main .text-center p,
+main p.text-center {
+ margin-left: auto;
+ margin-right: auto;
+}
diff --git a/layouts/news/single.html b/layouts/news/single.html
index 9f0c26f..465acb3 100644
--- a/layouts/news/single.html
+++ b/layouts/news/single.html
@@ -57,7 +57,7 @@
{{ .Title | markdownify }}
{{ end }}
-
+
{{ .Content }}
{{ with .Params.ext_link }}
diff --git a/layouts/partials/essentials/head.html b/layouts/partials/essentials/head.html
index 21fdfc4..f29637c 100644
--- a/layouts/partials/essentials/head.html
+++ b/layouts/partials/essentials/head.html
@@ -45,3 +45,8 @@
+
+{{/* Inter, the typeface that the font-family rules in style.css name */}}
+
+
+
diff --git a/layouts/partials/shared/header.html b/layouts/partials/shared/header.html
index 32469f8..784e6b0 100644
--- a/layouts/partials/shared/header.html
+++ b/layouts/partials/shared/header.html
@@ -151,7 +151,7 @@