diff --git a/public/src/js/assets.js b/public/src/js/assets.js
index a5e74f0..5a0b0e4 100644
--- a/public/src/js/assets.js
+++ b/public/src/js/assets.js
@@ -37,6 +37,10 @@ var assets = {
 		"debug.css",
 		"songbg.css"
 	],
+	"assetsCss": [
+		"fonts/fonts.css",
+		"img/img.css"
+	],
 	"img": [
 		"title-screen.png",
 		"notes.png",
diff --git a/public/src/js/loader.js b/public/src/js/loader.js
index c5badbd..6e7a81c 100644
--- a/public/src/js/loader.js
+++ b/public/src/js/loader.js
@@ -40,6 +40,12 @@ class Loader{
 				stylesheet.href = "/src/css/" + name + queryString
 				document.head.appendChild(stylesheet)
 			})
+			assets.assetsCss.forEach(name => {
+				var stylesheet = document.createElement("link")
+				stylesheet.rel = "stylesheet"
+				stylesheet.href = gameConfig.assets_baseurl + name + queryString
+				document.head.appendChild(stylesheet)
+			})
 			var checkStyles = () => {
 				if(document.styleSheets.length >= cssCount){
 					resolve()
diff --git a/templates/index.html b/templates/index.html
index 4a78a61..d88252b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,9 +8,7 @@
 	<meta name="description" content="パソコンとスマホのブラウザ向けの太鼓の達人シミュレータ 🥁 Taiko no Tatsujin rhythm game simulator for desktop and mobile browsers">
 
 	<link rel="stylesheet" href="/src/css/loader.css?{{version.commit_short}}">
-	<link rel="stylesheet" href="{{config.assets_baseurl}}fonts/fonts.css?{{version.commit_short}}">
-	<link rel="stylesheet" href="{{config.assets_baseurl}}img/img.css?{{version.commit_short}}">
-	
+
 	<script src="/src/js/assets.js?{{version.commit_short}}"></script>
 	<script src="/src/js/strings.js?{{version.commit_short}}"></script>
 	<script src="/src/js/pageevents.js?{{version.commit_short}}"></script>