diff --git a/src/oj/problem/components/ProblemContent.vue b/src/oj/problem/components/ProblemContent.vue
index cf675fc..43feb92 100644
--- a/src/oj/problem/components/ProblemContent.vue
+++ b/src/oj/problem/components/ProblemContent.vue
@@ -178,7 +178,7 @@ function type(status: ProblemStatus) {
 .problemContent .testcase {
   font-size: 14px;
   white-space: pre;
-  font-family: "Consolas";
+  font-family: "Monaco";
 }
 
 .problemContent .success {
@@ -208,7 +208,7 @@ function type(status: ProblemStatus) {
 }
 
 .problemContent > .content > pre > code {
-  font-family: "Consolas";
+  font-family: "Monaco";
 }
 
 .__layout-dark .problemContent > .content > pre {
diff --git a/src/oj/problem/components/TestCat.vue b/src/oj/problem/components/TestCat.vue
index f2d6026..c9b4a1e 100644
--- a/src/oj/problem/components/TestCat.vue
+++ b/src/oj/problem/components/TestCat.vue
@@ -42,6 +42,6 @@ function clear() {
 .testcase {
   white-space: pre;
   font-size: 16px;
-  font-family: "Consolas";
+  font-family: "Monaco";
 }
 </style>