added font declaration for Chromatic

gsoft-inc · Oct 5, 2023 · 2fd73f8 · 2fd73f8
1 parent c7ce183
commit 2fd73f8
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 91 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
diff --git 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: {

diff --git a/.storybook/styles/chromatic.css b/.storybook/styles/chromatic.css
@@ -0,0 +1,5 @@
+*,
+*::before,
+*::after {
+    font-family: Arial;
+}