diff --git a/scripts/build.js b/scripts/build.js
index 1b2148a..9a51db8 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -137,7 +137,12 @@ const buildSimpleIconsSvgFontFile = async (style) => {
   }
 
   const svgFontTemplate = await fs.readFile(SVG_TEMPLATE_FILE, UTF8);
-  const svgFileContent = util.format(svgFontTemplate, style, glyphsContent);
+  const svgFileContent = util.format(
+    svgFontTemplate,
+    style === REGULAR_STYLE_NAME ? '' : ` ${style}`, // font id
+    style, // font style
+    glyphsContent,
+  );
   const svgFilename = `${OUTPUT_FILE_NAME}${getStyleSuffix(style)}${SVG_EXTENSION_NAME}`;
   await fs.writeFile(path.join(DIST_DIR, svgFilename), svgFileContent);
   console.log(`'${svgFilename}' file built`);
diff --git a/scripts/templates/font.svg b/scripts/templates/font.svg
index f663c6e..176258a 100644
--- a/scripts/templates/font.svg
+++ b/scripts/templates/font.svg
@@ -3,7 +3,7 @@
 <svg xmlns="http://www.w3.org/2000/svg">
   <metadata>CC0 1.0 Universal | simple-icons contributors</metadata>
   <defs>
-    <font id="Simple Icons" horiz-adv-x="1200" vert-origin-x="0" vert-origin-y="0">
+    <font id="Simple Icons%s" horiz-adv-x="1200" vert-origin-x="0" vert-origin-y="0">
     <font-face font-family="Simple Icons" font-style="%s" units-per-em="1200" ascent="1200" descent="0"/>
     <missing-glyph horiz-adv-x="0"/>
     %s