stefan.arnold/AGS_IT_Solutions_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 Change font src from Google Fonts to local

Browse Source
This commit is contained in:
stefan080106
2022-10-31 21:08:14 +01:00
parent 0598e766b2
commit a13c657e49
23 changed files with 1353 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
styles/Navbar.module.css
View File

@@ -1 +1 @@
@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap";.Navbar{height:100px;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;border-bottom:1px solid #eaeaea}.Navbar .container{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.Navbar .container .Logo{width:200px;margin:1rem;cursor:pointer}.Navbar .container .MenuToggle{transition:all .5s}.Navbar .container .MenuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}.Navbar .container .MenuToggle span:first-child{transform-origin:0% 0%}.Navbar .container .MenuToggle span:nth-last-child(2){transform-origin:0% 100%}.Navbar .container .MenuActive{transform:rotate(90deg)}.Navbar .Nav{font-family:"Poppins",sans-serif;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-around;align-items:center;flex-direction:row;z-index:99}.Navbar .Nav a{padding:1rem;transition:all .2s}.Navbar .MenuOpen{width:100%;display:flex !important;position:absolute;top:100px;background-color:#057ca6;color:#fff}@media(min-width: 768px){.container{width:auto}.container .MenuToggle{display:none}.Nav a:hover{cursor:pointer;color:#057ca6}.NavActive{color:#057ca6}}@media(max-width: 768px){.Navbar .Nav{flex-direction:column;display:none}.Navbar{flex-direction:column}.container{width:100%}.container .MenuToggle{display:block}.NavActive{color:#eaeaea}}
.Navbar{height:100px;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;border-bottom:1px solid #eaeaea}.Navbar .container{display:flex;align-items:center;justify-content:space-around;flex-direction:row}.Navbar .container .Logo{width:200px;margin:1rem;cursor:pointer}.Navbar .container .MenuToggle{transition:all .5s}.Navbar .container .MenuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}.Navbar .container .MenuToggle span:first-child{transform-origin:0% 0%}.Navbar .container .MenuToggle span:nth-last-child(2){transform-origin:0% 100%}.Navbar .container .MenuActive{transform:rotate(90deg)}.Navbar .Nav{font-family:"Poppins",sans-serif;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-around;align-items:center;flex-direction:row;z-index:99}.Navbar .Nav a{padding:1rem;transition:all .2s}.Navbar .MenuOpen{width:100%;display:flex !important;position:absolute;top:100px;background-color:#057ca6;color:#fff}@media(min-width: 768px){.container{width:auto}.container .MenuToggle{display:none}.Nav a:hover{cursor:pointer;color:#057ca6}.NavActive{color:#057ca6}}@media(max-width: 768px){.Navbar .Nav{flex-direction:column;display:none}.Navbar{flex-direction:column}.container{width:100%}.container .MenuToggle{display:block}.NavActive{color:#eaeaea}}

2
styles/Navbar.module.scss
View File

@@ -1,5 +1,3 @@
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap");
.Navbar {
height: 100px;
width: 100%;

67
styles/globals.css
View File

@@ -1,4 +1,69 @@
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap");
/* poppins-200 - latin */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 200;
src: url("../assets/fonts/poppins/poppins-v20-latin-200.eot"); /* IE9 Compat Modes */
src: local(""),
url("../assets/fonts/poppins/poppins-v20-latin-200.eot?#iefix") format("embedded-opentype"),
/* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-200.woff2") format("woff2"),
/* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-200.woff")
format("woff"),
/* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-200.ttf")
format("truetype"),
/* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-200.svg#Poppins")
format("svg"); /* Legacy iOS */
}
/* poppins-300 - latin */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 300;
src: url("../assets/fonts/poppins/poppins-v20-latin-300.eot"); /* IE9 Compat Modes */
src: local(""),
url("../assets/fonts/poppins/poppins-v20-latin-300.eot?#iefix") format("embedded-opentype"),
/* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-300.woff2") format("woff2"),
/* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-300.woff")
format("woff"),
/* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-300.ttf")
format("truetype"),
/* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-300.svg#Poppins")
format("svg"); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url("../assets/fonts/poppins/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */
src: local(""),
url("../assets/fonts/poppins/poppins-v20-latin-regular.eot?#iefix")
format("embedded-opentype"),
/* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-regular.woff2") format("woff2"),
/* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-regular.woff")
format("woff"),
/* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-regular.ttf")
format("truetype"),
/* Safari, Android, iOS */
url("../assets/fonts/poppins/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: url("../assets/fonts/poppins/poppins-v20-latin-500.eot"); /* IE9 Compat Modes */
src: local(""),
url("../assets/fonts/poppins/poppins-v20-latin-500.eot?#iefix") format("embedded-opentype"),
/* IE6-IE8 */ url("../assets/fonts/poppins/poppins-v20-latin-500.woff2") format("woff2"),
/* Super Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-500.woff")
format("woff"),
/* Modern Browsers */ url("../assets/fonts/poppins/poppins-v20-latin-500.ttf")
format("truetype"),
/* Safari, Android, iOS */ url("../assets/fonts/poppins/poppins-v20-latin-500.svg#Poppins")
format("svg"); /* Legacy iOS */
}
html,
body {
padding: 0;