diff --git a/packages/theme/README.md b/packages/theme/README.md index 588bb54..6b2337d 100644 --- a/packages/theme/README.md +++ b/packages/theme/README.md @@ -22,8 +22,8 @@ export default ({ children }) => ( ### Fonts -This package also bundles 3 CSS files that include Hack Club’s webfonts: -`reg.css`, `reg-bold.css`, & `reg-ital-bold.css`. +This package also bundles 4 CSS files that include Hack Club’s webfonts: +`reg.css`, `reg-bold.css`, `reg-ital-bold.css`, & `wack-reg.css`. To use, just import straight from the package: ```js diff --git a/packages/theme/fonts/reg-bold.css b/packages/theme/fonts/reg-bold.css index 2c3c6d5..6bd834b 100644 --- a/packages/theme/fonts/reg-bold.css +++ b/packages/theme/fonts/reg-bold.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); @@ -10,7 +11,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2') format('woff2'); diff --git a/packages/theme/fonts/reg-ital-bold.css b/packages/theme/fonts/reg-ital-bold.css index 4f28145..d51b0aa 100644 --- a/packages/theme/fonts/reg-ital-bold.css +++ b/packages/theme/fonts/reg-ital-bold.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); @@ -10,7 +11,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2') format('woff2'); @@ -20,7 +22,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2') format('woff2'); diff --git a/packages/theme/fonts/reg.css b/packages/theme/fonts/reg.css index 96c4bef..2018a9b 100644 --- a/packages/theme/fonts/reg.css +++ b/packages/theme/fonts/reg.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); diff --git a/packages/theme/fonts/wack-reg.css b/packages/theme/fonts/wack-reg.css new file mode 100644 index 0000000..6f241c2 --- /dev/null +++ b/packages/theme/fonts/wack-reg.css @@ -0,0 +1,11 @@ +@font-face { + font-family: 'Wack Club Sans'; + src: + url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff') + format('woff'), + url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff2') + format('woff2'); + font-weight: normal; + font-style: normal; + font-display: swap; +}