no message

src/components/SimpleKeyboard.vue

@@ -184,7 +184,7 @@ export default {
     padding: 5px;
     background-color: #ececec;
     border-radius: 10px;
-    font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
+    font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
     overflow visible
 /deep/ .hg-rows
     width: 100%;
@@ -205,8 +205,9 @@ export default {
         border-bottom: 1px solid #b5b5b5;
         border-radius: 5px;
         box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
-        color: #333;
+        color: #000;
         font-size: 23px;
+        font-weight: 400;
         text-align: center;
         white-space: nowrap;
         -webkit-user-select: none;
@@ -216,6 +217,10 @@ export default {
         cursor: pointer;
         padding: 0;
         box-sizing: content-box;
+        span
+          color: #000;
+          font-size: 23px;
+          font-weight: 400;
         &:active
           transform: scale(.98);
           color: #333;

src/style/common.styl

@@ -416,6 +416,7 @@
   background-color: #ececec;
   box-shadow 0px -3px 10px rgba(black, 0.3)
   border-radius 10px
+  font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
   .keyboard
     .line:not(:last-child)
       margin-bottom: 5px;
@@ -427,7 +428,7 @@
       border-bottom: 1px solid #b5b5b5;
       border-radius: 5px;
       box-shadow: 0 0 3px -1px rgba(0,0,0,.3);
-      color: #333;
+      color: #000;
       font-size: 23px;
       &:not(:last-child)
         margin-right: 5px;