google font import error
Unanswered
Harlex posted this in #help-forum
HarlexOP
@import "tailwindcss";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Forum&display=swap");
@theme {
--color-four: #171819;
--color-main: #e4c590;
--font-forum: "Forum", cursive;
--font-dmSans: "DM Sans", sans-serif;
}
body {
@apply bg-four text-white font-dmSans;
}
.container-fluid {
width: 1800px;
max-width: 90%;
margin: 0 auto;
}
.container {
width: 1230px;
max-width: 90%;
margin: 0 auto;
}
.main-slider .swiper-wrapper {
@apply h-full;
}
4 Replies
HarlexOP
I got the following error and could not find the solution
@Harlex css
@import "tailwindcss";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Forum&display=swap");
@theme {
--color-four: #171819;
--color-main: #e4c590;
--font-forum: "Forum", cursive;
--font-dmSans: "DM Sans", sans-serif;
}
body {
@apply bg-four text-white font-dmSans;
}
.container-fluid {
width: 1800px;
max-width: 90%;
margin: 0 auto;
}
.container {
width: 1230px;
max-width: 90%;
margin: 0 auto;
}
.main-slider .swiper-wrapper {
@apply h-full;
}
try putting
@import "tailwindcss"
below the google font importPalomino
font need to be in first line