diff --git a/src/js/components/Button/Button.module.scss b/src/js/components/Button/Button.module.scss
index 46887c0a7a127ea69e3947bad50476046df5eb10..9cab9a4a998d23cd6f71cb64e55fe961e7271e0b 100644
--- a/src/js/components/Button/Button.module.scss
+++ b/src/js/components/Button/Button.module.scss
@@ -3,7 +3,6 @@
 
 .TakiButton {
     font-family: $primary_font;
-    font-weight: $primary_font_weight;
     background: $primary_pink;
     color: white;
     border-color: $primary_pink;
diff --git a/src/js/components/TopLinks/TopLinks.module.scss b/src/js/components/TopLinks/TopLinks.module.scss
index 6392b111500ef2cf9c456baa96a8aa78a80c6466..79346bd8ff85117972c61b33995979e02edf126e 100644
--- a/src/js/components/TopLinks/TopLinks.module.scss
+++ b/src/js/components/TopLinks/TopLinks.module.scss
@@ -6,7 +6,6 @@
 
   display: flex;
   font-family: $primary_font;
-  font-weight: $primary_font_weight;
   color: $primary_black;
 
   .Logo {
diff --git a/src/js/pages/MainPage,module.scss b/src/js/pages/MainPage,module.scss
index 44313d3d8c58781b0e1484a241b90b81ddd81b98..32f675a0b9e761f56459033e85943c0b52517636 100644
--- a/src/js/pages/MainPage,module.scss
+++ b/src/js/pages/MainPage,module.scss
@@ -28,7 +28,6 @@ html {
 .footer {
     text-align: center;
     font-family: $primary_font;
-    font-weight: $primary_font_weight;
 
     min-width: fit-content;
 
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 189985c173a6bfa2b457529ea801c242e44623e3..34e621ba39fd496ef3e0587dd033e0c49d305ebc 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -14,7 +14,6 @@
   align-items: center;
   flex-wrap: wrap;
   font-family: $primary_font;
-  font-weight: $primary_font_weight;
   padding-top: 10%;
   position: relative;
 
@@ -61,7 +60,6 @@
 
         Button {
           font-family: $primary_font;
-          font-weight: $primary_font_weight;
           font-size: 0.9vw;
           width: 100%;
           height: 30%;
@@ -121,7 +119,6 @@
         align-items: center;
         margin-bottom: 5%;
         font-family: $primary_font;
-        font-weight: $primary_font_weight;
         font-size: 0.9vw;
         width: 100%;
         height: 30%;
@@ -181,7 +178,6 @@
 
           Button {
             font-family: $primary_font;
-            font-weight: $primary_font_weight;
             font-size: 2vw;
             width: 100%;
             height: 50%;
diff --git a/src/js/sections/CloudSection/CloudSection.module.scss b/src/js/sections/CloudSection/CloudSection.module.scss
index 41766a51cefea9a30622ec0dfe4b2d1ec323f24d..8cac89808174dbfe0f78c5d634aae53bd1f58566 100644
--- a/src/js/sections/CloudSection/CloudSection.module.scss
+++ b/src/js/sections/CloudSection/CloudSection.module.scss
@@ -13,7 +13,6 @@
   flex-direction: column;
   align-items: center;
   font-family: $primary_font;
-  font-weight: $primary_font_weight;
 
   .UpperBlock {
     margin-top: 5%;
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 4f51b3363b6386f62aa7edc953b6cd3d885f1e5b..f20e9d91542698db0724b43aca7c24dd23db4afe 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -13,12 +13,10 @@
   justify-content: center;
   flex-wrap: wrap;
 
-  font-weight: $primary_font_weight;
   font-family: $primary_font;
   color: $primary_black;
 
   .LeftSide {
-    font-weight: $primary_font_weight;
     font-family: $primary_font;
     display: flex;
     flex-direction: column;
diff --git a/src/js/sections/LandingSection/LandingSection.module.scss b/src/js/sections/LandingSection/LandingSection.module.scss
index 52c66e7806f84a9d34ceaa95372ab0e942febc07..42f5acbb0e9b7ebb69be2450e161ce40dcd36ed9 100644
--- a/src/js/sections/LandingSection/LandingSection.module.scss
+++ b/src/js/sections/LandingSection/LandingSection.module.scss
@@ -25,7 +25,6 @@
 
   .RightSide {
     color: $primary_black;
-    font-weight: $primary_font_weight;
     font-family: $primary_font;
     vertical-align: middle;
     flex-basis: 40%;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index c304f026000402c7532875c3e24f183f97c55b04..84e657f42f4438bb7a1875751c028c70dad7e1ba 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -9,7 +9,6 @@
   background-size: 25% 25%;
   background-repeat: no-repeat;
 
-  font-weight: $primary_font_weight;
   font-family: $primary_font;
 
   min-height: 90vh;
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index bc10fb8d3c768682f622e8a3db235431819b8135..36b3589f4276a5d6762fed345930779bb06448cf 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -14,7 +14,6 @@
   flex-wrap: wrap;
 
   color: $primary_black;
-  font-weight: $primary_font_weight;
   font-family: $primary_font;
 
   .LeftSide {
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index 213749a185233afffb4e440861dd4bf3dcb89ca8..4049578071ad5d25ca2612e79a405e25bdc169bf 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -23,7 +23,6 @@
 
   .RightSide {
     color: $primary_black;
-    font-weight: $primary_font_weight;
     font-family: $primary_font;
     text-align: left;
     padding: 1% 3%;
diff --git a/src/style/fonts.module.scss b/src/style/fonts.module.scss
index 2275db594a0bd04556b3766131b21144ff4b0748..206260bfc4ba89e9f49a56a2720bb0bff31711e7 100644
--- a/src/style/fonts.module.scss
+++ b/src/style/fonts.module.scss
@@ -1,2 +1,12 @@
-$primary_font: Hiragino Kaku Gothic StdN;
-$primary_font_weight: 800;
\ No newline at end of file
+$primary_font_weight: 800;
+
+
+@font-face {
+    font-family: primaryFont;
+    src: url('./hiragino-kaku-gothic-stdn-w8.otf');
+    font-weight: $primary_font_weight;
+    font-style: normal;
+  }
+
+
+$primary_font: primaryFont;
\ No newline at end of file
diff --git a/src/style/hiragino-kaku-gothic-stdn-w8.otf b/src/style/hiragino-kaku-gothic-stdn-w8.otf
new file mode 100644
index 0000000000000000000000000000000000000000..ee9dac8cb8ab429f5d3e12fbc412a1a48bb3e885
Binary files /dev/null and b/src/style/hiragino-kaku-gothic-stdn-w8.otf differ