diff --git a/digital-7.ttf b/digital-7.ttf
new file mode 100644
index 0000000..5dbe6f9
Binary files /dev/null and b/digital-7.ttf differ
diff --git a/index.html b/index.html
index 921c220..ed7eaaa 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,12 @@
       <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
+  <style>
+    @font-face {
+      font-family: "7bar";
+      src: url("./digital-7.ttf");
+    }
+  </style>
 </head>
 
 <body>
diff --git a/src/main-view/container.tsx b/src/main-view/container.tsx
index 6c9eb32..0cb22f3 100644
--- a/src/main-view/container.tsx
+++ b/src/main-view/container.tsx
@@ -8,10 +8,16 @@ interface Props { };
 interface Callbacks { };
 
 function mainView(props: Props & Callbacks) {
+  const weightPanel = {
+    color: "#ff4300",
+    backgroundColor: "black",
+    fontSize: "7rem",
+    fontFamily: "\"7bar\"",
+  };
   return <Grid>
     <Row style={{ height: "calc(20vh - 50px)" }}>
       <Col xs={3}>
-        <div>0.00</div>
+        <div style={weightPanel}>0.00</div>
         <ButtonToolbar>
           <Button>启用称重</Button>
           <Button disabled>停止称重</Button>
