diff --git a/src/views/screen/cityScreen-old/components/topIcons/index.vue b/src/views/screen/cityScreen-old/components/topIcons/index.vue
index 949571ed..27c4dfca 100644
--- a/src/views/screen/cityScreen-old/components/topIcons/index.vue
+++ b/src/views/screen/cityScreen-old/components/topIcons/index.vue
@@ -97,10 +97,15 @@ export default {
     
 }
 .num{
-    color: #FCFAC4;
+    /* color: #FCFAC4; */
     font-size: 32px;
     margin-right: 25%;
     margin-top: 5%;
+    font-family: 'DIN';
+    background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .unit{
     font-size: 24px;
diff --git a/src/views/screen/cityScreen-old/components/topIconsTwo/index.vue b/src/views/screen/cityScreen-old/components/topIconsTwo/index.vue
index 97bb15a4..f909cde8 100644
--- a/src/views/screen/cityScreen-old/components/topIconsTwo/index.vue
+++ b/src/views/screen/cityScreen-old/components/topIconsTwo/index.vue
@@ -80,10 +80,15 @@ export default {
     
 }
 .num{
-    color: #FCFAC4;
+    /* color: #FCFAC4; */
     font-size: 32px;
     margin-right: 25%;
     margin-top: 5%;
+    font-family: 'DIN';
+    background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .unit{
     font-size: 24px;
diff --git a/src/views/screen/cityScreen-old/index.vue b/src/views/screen/cityScreen-old/index.vue
index 7c84b737..d430192d 100644
--- a/src/views/screen/cityScreen-old/index.vue
+++ b/src/views/screen/cityScreen-old/index.vue
@@ -67,6 +67,10 @@ export default {
   font-family: 'Alibaba-PuHuiTi-Regular';
   src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf');
 }
+@font-face {
+  font-family: 'DIN';
+  src: url('../../../assets/font-family/DIN/DIN-Medium.otf');
+}
 .page {
     background: #333;
     width: 100vw;