diff --git a/.storybook/preview.js b/.storybook/preview.js
index b1935881b..4d1be4d3b 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -8,10 +8,12 @@ import { withBackgroundMatchingColorScheme, withCenteredCanvas, withDocsContaine
 import { Code, Highlight } from "@stories/mdx";
 import { Themes } from "./styles/themes";
 
-// if (isChromatic) {
-//     // Custom font makes chromatic inconsistent and cause "false positive". View https://www.chromatic.com/docs/resource-loading#loading-custom-fonts.
-//     import("@css/font/index.css");
-// }
+if (isChromatic) {
+    // Custom font makes chromatic inconsistent and cause "false positive". View https://www.chromatic.com/docs/resource-loading#loading-custom-fonts.
+    import("@css/font/index.css");
+} else {
+    import("./styles/chromatic.css");
+}
 
 export const parameters = {
     options: {