diff --git a/github-pages/assets/style.css b/github-pages/assets/style.css
index cdc6405ad..07b8d99e6 100644
--- a/github-pages/assets/style.css
+++ b/github-pages/assets/style.css
@@ -17,6 +17,8 @@ body {
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
diff --git a/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css b/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css
index 3ac406297..2746b241b 100644
--- a/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css
+++ b/packages/typst.angular/projects/typst.angular/src/lib/typst.document.component.css
@@ -7,6 +7,8 @@
 }
 
 :host ::ng-deep .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
diff --git a/packages/typst.react/src/lib/TypstDocument.tsx b/packages/typst.react/src/lib/TypstDocument.tsx
index 24262f367..9f1918308 100644
--- a/packages/typst.react/src/lib/TypstDocument.tsx
+++ b/packages/typst.react/src/lib/TypstDocument.tsx
@@ -17,6 +17,8 @@ const htmlLayerCss = `
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
diff --git a/packages/typst.ts/examples/typst.ts.css b/packages/typst.ts/examples/typst.ts.css
index fd6a940ec..a5d1e055f 100644
--- a/packages/typst.ts/examples/typst.ts.css
+++ b/packages/typst.ts/examples/typst.ts.css
@@ -21,6 +21,8 @@ body {
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
diff --git a/packages/typst.ts/index.html b/packages/typst.ts/index.html
index 3c279a548..87119df9c 100644
--- a/packages/typst.ts/index.html
+++ b/packages/typst.ts/index.html
@@ -55,6 +55,8 @@
       }
 
       .typst-html-semantics span {
+        color: transparent;
+        font-family: monospace;
         transform-origin: left top;
         position: absolute;
         display: inline-block;
diff --git a/projects/hexo-renderer-typst/lib/typst.css b/projects/hexo-renderer-typst/lib/typst.css
index c63416d1d..ac8f513a7 100644
--- a/projects/hexo-renderer-typst/lib/typst.css
+++ b/projects/hexo-renderer-typst/lib/typst.css
@@ -39,6 +39,8 @@
 }
 
 .typst-html-semantics span {
+  color: transparent;
+  font-family: monospace;
   transform-origin: left top;
   position: absolute;
   display: inline-block;
@@ -66,7 +68,7 @@
 
 .typst-html-semantics span::-moz-selection {
   color: transparent;
-  background: #7db9dea0;
+  background: #7db9de;
 }
 
 .typst-html-semantics span::selection {