diff --git a/components/document/bem.scss b/components/document/bem.scss
index 2f11b3f40d3..e2ce3f6f0ab 100644
--- a/components/document/bem.scss
+++ b/components/document/bem.scss
@@ -4,9 +4,12 @@
  */
 
 .utrecht-document {
+  /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
   background-color: var(--utrecht-document-background-color, inherit);
   color: var(--utrecht-document-color, inherit);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-document-font-size, inherit);
+  -moz-osx-font-smoothing: auto;
+  -webkit-font-smoothing: auto;
   line-height: var(--utrecht-document-line-height, inherit);
 }