--

public/assets/css/style.css

@@ -8,7 +8,7 @@ html {
     font-family: "Inter", "BIZ UDGothic", "Noto Sans JP", "Noto Sans TC", "Noto Sans SC", sans-serif;
     font-size: 12pt;
     font-optical-sizing: auto;
-    font-weight: 200;
+    font-weight: 400;
     font-style: normal;
 }
 body {
@@ -64,7 +64,6 @@ footer {
 
 h1, h2, h3, h4, h5, h6 {
     color: #FFFFFF;
-    font-weight: 400;
 }
 
 /* Layout */
@@ -164,7 +163,7 @@ a {
     color: inherit;
 }
 b {
-    font-weight: 400;
+    font-weight: 600;
 }
 i {
     font-style: italic;
@@ -176,24 +175,30 @@ s {
     text-decoration: line-through;
 }
 
-.font-light {
+.font-thin {
     font-weight: 100;
 }
-.font-regular {
+.font-extralight {
     font-weight: 200;
 }
-.font-medium {
+.font-light {
     font-weight: 300;
 }
-.font-bold {
+.font-regular {
     font-weight: 400;
 }
-.font-extrabold {
+.font-medium {
     font-weight: 500;
 }
-.font-black {
+.font-bold {
     font-weight: 600;
 }
+.font-extrabold {
+    font-weight: 700;
+}
+.font-black {
+    font-weight: 800;
+}
 
 .font-weight-100 {
     font-weight: 100;
@@ -381,7 +386,7 @@ s {
 }
 @media (max-width: 740px) {
     .bold-on-small {
-        font-weight: 400;
+        font-weight: 600;
     }
     .hide.show-on-small {
         display: block;