diff --git a/blog.html b/blog.html
index e83b29c..a45f05e 100644
--- a/blog.html
+++ b/blog.html
@@ -16,13 +16,13 @@
          margin: auto;
      }
 
-     @media only all and (max-width: 1899px) {
+     @media only all and (pointer: coarse), (pointer: none) {
          body {
-             font-size: 5.3vw;
+             font-size: 5.5vmin;
          }
      }
 
-     @media only all and (min-width: 1900px) {
+     @media only all and (pointer: fine) {
          body {
              font-size: 20px;
              min-width: 500px;
@@ -30,7 +30,7 @@
          }
      }
 
-     @media only all and (min-width: 2000px) {
+     @media only all and (pointer: fine) and (min-width: 2000px) {
          body {
              font-size: 40px;
          }
diff --git a/generate-blog.bash b/generate-blog.bash
index f448908..2cd30a3 100755
--- a/generate-blog.bash
+++ b/generate-blog.bash
@@ -52,13 +52,13 @@ blog_html="$here/blog.html"
          margin: auto;
      }
 
-     @media only all and (max-width: 1899px) {
+     @media only all and (pointer: coarse), (pointer: none) {
          body {
-             font-size: 5.3vw;
+             font-size: 5.5vmin;
          }
      }
 
-     @media only all and (min-width: 1900px) {
+     @media only all and (pointer: fine) {
          body {
              font-size: 20px;
              min-width: 500px;
@@ -66,7 +66,7 @@ blog_html="$here/blog.html"
          }
      }
 
-     @media only all and (min-width: 2000px) {
+     @media only all and (pointer: fine) and (min-width: 2000px) {
          body {
              font-size: 40px;
          }
diff --git a/index.html b/index.html
index ba2799d..f54c50c 100644
--- a/index.html
+++ b/index.html
@@ -17,13 +17,13 @@
          margin: auto;
      }
 
-     @media only all and (max-width: 1899px) {
+     @media only all and (pointer: coarse), (pointer: none) {
          body {
-             font-size: 5.3vw;
+             font-size: 5.5vmin;
          }
      }
 
-     @media only all and (min-width: 1900px) {
+     @media only all and (pointer: fine) {
          body {
              font-size: 20px;
              min-width: 500px;
@@ -31,7 +31,7 @@
          }
      }
 
-     @media only all and (min-width: 2000px) {
+     @media only all and (pointer: fine) and (min-width: 2000px) {
          body {
              font-size: 40px;
          }
diff --git a/posts/introduction/index.html b/posts/introduction/index.html
index cf5c3ed..1755329 100644
--- a/posts/introduction/index.html
+++ b/posts/introduction/index.html
@@ -17,13 +17,13 @@
          margin: auto;
      }
 
-     @media only all and (max-width: 1899px) {
+     @media only all and (pointer: coarse), (pointer: none) {
          body {
-             font-size: 5.3vw;
+             font-size: 5.5vmin;
          }
      }
 
-     @media only all and (min-width: 1900px) {
+     @media only all and (pointer: fine) {
          body {
              font-size: 20px;
              min-width: 500px;
@@ -31,7 +31,7 @@
          }
      }
 
-     @media only all and (min-width: 2000px) {
+     @media only all and (pointer: fine) and (min-width: 2000px) {
          body {
              font-size: 40px;
          }