add: Fonts Awesome字体

美化滚动条

YaeBlog.Theme.FluentUI/Layout/MainLayout.razor

@@ -46,7 +46,7 @@
                 </FluentLabel>
             </a>
 
-            <div style="width: 50px"></div>
+            <div style="width: 20px"></div>
         </FluentStack>
     </FluentHeader>
     <FluentBodyContent Style="height: 100%">

YaeBlog.Theme.FluentUI/Pages/Home.razor

@@ -16,6 +16,8 @@
         </div>
     </div>
 
+    <div style="height: 2rem"></div>
+
     <div style="margin: 0 15% 0 15%">
         <FluentCard>
             <div>

YaeBlog.Theme.FluentUI/Pages/Home.razor.css

@@ -21,13 +21,11 @@
     width: 100%;
 }
 
-.scroll-down-tag::before {
-    content: "V";
-}
-
 .scroll-down-tag {
     font-family: "Font Awesome 6 Free", sans-serif;
     font-size: 36px;
+    font-style: normal;
+    font-weight: 900;
     color: white;
     text-align: center;
     position: relative;
@@ -36,6 +34,10 @@
     animation: scroll-down-animation 1.5s infinite;
 }
 
+.scroll-down-tag::before {
+    content: "\f107";
+}
+
 @keyframes scroll-down-animation {
     0% {
         top: 0;

YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes

@@ -0,0 +1,2 @@
+*.ttf filter=lfs diff=lfs merge=lfs -text
+*.woff2 filter=lfs diff=lfs merge=lfs -text

YaeBlog.Theme.FluentUI/wwwroot/globals.css

@@ -5,3 +5,37 @@ body a {
 html, body {
     height: 100%;
 }
+
+*::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: #80c8f8;
+}
+
+*::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #80c8f8 transparent;
+}
+
+@font-face {
+    font-family: "Font Awesome 6 Free";
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.ttf) format("truetype")
+}
+
+@font-face {
+    font-family: "Font Awesome 6 Free";
+    font-style: normal;
+    font-weight: 900;
+    font-display: block;
+    src: url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.ttf) format("truetype")
+}