diff --git a/packages/lint/src/rules/fonts.test.ts b/packages/lint/src/rules/fonts.test.ts
index fc5c3ddb2..eb90f7ba8 100644
--- a/packages/lint/src/rules/fonts.test.ts
+++ b/packages/lint/src/rules/fonts.test.ts
@@ -178,6 +178,14 @@ describe("font rules", () => {
       expect(findings).toHaveLength(0);
     });
 
+    it("does not treat !important as part of a generic font family", async () => {
+      const html = `<div data-composition-id="test" data-width="1920" data-height="1080">
+        <style>body { font-family: 'Inter', cursive !important; }</style>
+      </div>`;
+      const findings = await findByCode(html, "font_family_without_font_face");
+      expect(findings).toHaveLength(0);
+    });
+
     it("reports multiple missing families in one finding", async () => {
       const html = `<div data-composition-id="test" data-width="1920" data-height="1080">
         <style>
diff --git a/packages/lint/src/rules/fonts.ts b/packages/lint/src/rules/fonts.ts
index f7c7a8818..42eefb00f 100644
--- a/packages/lint/src/rules/fonts.ts
+++ b/packages/lint/src/rules/fonts.ts
@@ -65,6 +65,7 @@ function extractFontFaceFamilies(styles: Array<{ content: string }>): Set<string
 function normalizeUsedFontName(part: string): string | null {
   const name = part
     .trim()
+    .replace(/\s*!important\s*$/i, "")
     .replace(/^['"]|['"]$/g, "")
     .trim()
     .toLowerCase();