diff --git a/src/components/Message.vue b/src/components/Message.vue
index 228758d..b130630 100644
--- a/src/components/Message.vue
+++ b/src/components/Message.vue
@@ -92,12 +92,13 @@ watch(
     flex-direction: row;
     align-items: center;
     animation: fade 0.5s;
+    max-width: 460px;
     .logo-img {
       border-radius: 50%;
       width: 120px;
     }
     .name {
-      width: calc(460px - 120px);
+      width: 100%;
       padding-left: 22px;
       transform: translateY(-8px);
       font-family: "Pacifico-Regular";
@@ -125,6 +126,10 @@ watch(
         }
       }
     }
+
+    @media (max-width: 720px) {
+      max-width: 100%;
+    }
   }
 
   .description {
diff --git a/src/style/style.scss b/src/style/style.scss
index e7f6a3d..82701eb 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -38,11 +38,13 @@ p {
 // 字体文件
 @font-face {
   font-family: "Pacifico-Regular";
+  font-display: swap;
   src: url("/font/Pacifico-Regular.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "UnidreamLED";
+  font-display: swap;
   src: url("/font/UnidreamLED.ttf") format("truetype");
 }