Support apple-system-body only on iOS/iPadOS

[rbdr/r.bdr.sh] / css / style.css

diff --git a/css/style.css b/css/style.css
index 489252b7c999256d304fd5571772ebc9a28e21fb..33950a85e671db2c78b9a5a8e50c204044621a85 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -5,13 +5,13 @@
 html { scroll-behavior: smooth }
 body {
   font-size: 1em;
-  font: max(1em, -apple-system-body);
   font-family: "Hoefler Text", "Times New Roman", serif;
   font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
   line-height: 1.6;
   letter-spacing: 0.02em;
   padding: 2em;
 }
+@supports (-webkit-touch-callout: none) { body { font: -apple-system-body } }
 aside {
   clear: both;
   padding: 2em 0;