use cdn for fonts

EdiWang · Aug 9, 2023 · 028143f · 028143f
1 parent ce368b7
commit 028143f
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 2,324 deletions.
diff --git a/src/Moonglade.Web/Pages/Shared/_Layout.cshtml b/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
@@ -98,6 +98,7 @@
     <partial name="_Favicons" />
     <link href="~/lib/twitter-bootstrap/css/bootstrap.min.css" rel="stylesheet" asp-append-version="true" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typeface-saira-semi-condensed@1/index.min.css">
     <link href="~/css/base.css" rel="stylesheet" asp-append-version="true" />
     <link href="~/css/rwd.css" rel="stylesheet" asp-append-version="true" />
     <link href="~/css/darkmode.css" rel="stylesheet" asp-append-version="true" />

diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
@@ -1,11 +1,4 @@
-@font-face {
-    font-family: 'SairaSemiCondensed-Bold';
-    src: url('/webfonts/SairaSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('/webfonts/SairaSemiCondensed-Bold.woff') format('woff'), url('/webfonts/SairaSemiCondensed-Bold.ttf') format('truetype'), url('/webfonts/SairaSemiCondensed-Bold.svg#SairaSemiCondensed-Bold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-:root {
+:root {
     --transparent-light-15: rgba(255, 255, 255, 0.15);
     --transparent-light-20: rgba(255, 255, 255, 0.2);
     --transparent-light-30: rgba(255, 255, 255, 0.3);
@@ -137,7 +130,8 @@ h5 {
 }
 
 .font-sairas {
-    font-family: SairaSemiCondensed-Bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei" !important;
+    font-family: "Saira Semi Condensed Bold", "Saira Semi Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei" !important;
+    font-weight: bold;
 }
 
 .flex-spacer {

diff --git a/src/Moonglade.Web/wwwroot/webfonts/SairaSemiCondensed-Bold.eot b/src/Moonglade.Web/wwwroot/webfonts/SairaSemiCondensed-Bold.eot