diff --git a/templates/emscripten/template/index.html b/templates/emscripten/template/index.html
index 41aba1cf1..93c13fabb 100644
--- a/templates/emscripten/template/index.html
+++ b/templates/emscripten/template/index.html
@@ -26,7 +26,7 @@
 		#content { background: #000000; width: 100%; height: 100%; }
 		::foreach assets::::if (type == "font")::
 		@font-face {
-			font-family: '::id::';
+			font-family: '::fontName::';
 			src: url('::targetPath::.eot');
 			src: url('::targetPath::.eot?#iefix') format('embedded-opentype'),
 			url('::targetPath::.svg#my-font-family') format('svg'),
diff --git a/templates/html5/template/index.html b/templates/html5/template/index.html
index 4a6dcfeb4..e12ecc708 100755
--- a/templates/html5/template/index.html
+++ b/templates/html5/template/index.html
@@ -27,7 +27,7 @@
 		#content { background: #000000; width: 100%; height: 100%; }
 		::foreach assets::::if (type == "font")::
 		@font-face {
-			font-family: '::id::';
+			font-family: '::fontName::';
 			src: url('::targetPath::.eot');
 			src: url('::targetPath::.eot?#iefix') format('embedded-opentype'),
 			url('::targetPath::.svg#my-font-family') format('svg'),