h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Fix font imports after tailwind upgrade

Browse Source
This commit is contained in:
Kurt Hutten
2021-09-03 07:02:19 +10:00
parent bbf2a2eb55
commit 1c13a38ccb
7 changed files with 39 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/web/src/App.tsx
View File

@@ -10,6 +10,7 @@ ReactGA.initialize(process.env.GOOGLE_ANALYTICS_ID)
import Routes from 'src/Routes'
import './font-imports.css'
import './scaffold.css'
import './index.css'

9
app/web/src/font-imports.css Normal file
View File

@@ -0,0 +1,9 @@
@import 'https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap';
/*
Putting fonts in a separate css files is a robust way of making sure imports work with post-css
https://tailwindcss.com/docs/using-with-preprocessors#build-time-imports
*/

5
app/web/src/index.css
View File

@@ -9,11 +9,6 @@
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap');
/**
* END --- TAILWIND GENERATOR EDIT
*/