add env variable to stop fonts from loading

Giphy · Jun 23, 2022 · 25ce316 · 25ce316
1 parent 9d1a8ab
commit 25ce316
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/packages/brand/README.md b/packages/brand/README.md
@@ -1,3 +1,5 @@
 # @giphy/js-brand
 
-Colors, fonts - WIP
+Colors, fonts
+
+To stop fonts from loading set the environment variable `GIPHY_SDK_NO_FONTS=true`, this is not recommended as it could cause inconsistencies in the ui components 
diff --git a/packages/brand/src/typography.ts b/packages/brand/src/typography.ts
@@ -1,7 +1,6 @@
 import { css, cx, injectGlobal } from 'emotion'
 
-// eslint-disable-next-line
-injectGlobal`
+export const addFonts = () => injectGlobal`
 @font-face {
     font-family: 'interface';
     font-style: normal;
@@ -43,6 +42,9 @@ injectGlobal`
     src:  url('https://s3.amazonaws.com/giphyscripts/react-giphy-brand/fonts/ss-social.woff') format('woff');
 }
 `
+if (!process.env.GIPHY_SDK_NO_FONTS) {
+    addFonts()
+}
 
 export const fontFamily = {
     title: "'nexablack', sans-serif",

diff --git a/packages/components/README.md b/packages/components/README.md
@@ -205,3 +205,5 @@ If a GIF has an associated user, an overlay with their avatar and display name w
 ```
 
 ```
+
+To stop fonts from loading set the environment variable `GIPHY_SDK_NO_FONTS=true`, this is not recommended as it could cause inconsistencies in the ui components 
diff --git a/packages/react-components/README.md b/packages/react-components/README.md
@@ -324,3 +324,6 @@ If you want to prefetch network requests before the loader appears in Grids and
 | onGifClick      | `(gif: IGif, e: SyntheticEvent<HTMLElement, Event>) => void`         | fired when the gif is clicked                                   |
 | onGifRightClick | `(gif: IGif, e: SyntheticEvent<HTMLElement, Event>) => void`         | fired when the gif is right clicked                             |
 | onGifKeyPress   | `(gif: IGif, e: SyntheticEvent<HTMLElement, Event>) => void`         | fired when the a key is pressed on the gif                      |
+
+
+To stop fonts from loading set the environment variable `GIPHY_SDK_NO_FONTS=true`, this is not recommended as it could cause inconsistencies in the ui components
Original file line number	Diff line number	Diff line change
Expand Up		@@ -205,3 +205,5 @@ If a GIF has an associated user, an overlay with their avatar and display name w
		```

		```

		To stop fonts from loading set the environment variable `GIPHY_SDK_NO_FONTS=true`, this is not recommended as it could cause inconsistencies in the ui components