diff --git a/src/app/styles/fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf b/src/app/styles/fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf new file mode 100644 index 0000000..10ba313 Binary files /dev/null and b/src/app/styles/fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf differ diff --git a/src/app/styles/fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf b/src/app/styles/fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf new file mode 100644 index 0000000..9ee3c15 Binary files /dev/null and b/src/app/styles/fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf differ diff --git a/src/app/styles/global-styles.scss b/src/app/styles/global-styles.scss index 5ffbd91..a1d963e 100644 --- a/src/app/styles/global-styles.scss +++ b/src/app/styles/global-styles.scss @@ -8,7 +8,7 @@ @use './VKLogin.scss'; .page-title { - font-size: 28px; + font-size: 30px; font-weight: 600; margin-bottom: 30px; display: flex; diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css index f81a0c0..33e0cfb 100644 --- a/src/app/styles/globals.css +++ b/src/app/styles/globals.css @@ -1,10 +1,28 @@ +@font-face { + font-family: "Nunito Sans"; + src: + url('./fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'), + url('./fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype'); + font-weight: 100 1000; + font-style: normal; +} + +@font-face { + font-family: "Nunito Sans"; + src: + url('./fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'), + url('./fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype'); + font-weight: 100 1000; + font-style: italic; +} + html, body { overflow-x: hidden; } body { - font-family: 'Segoe UI', sans-serif; + font-family: "Nunito Sans", 'Segoe UI', sans-serif; } * { @@ -20,6 +38,11 @@ h2, h3, h4 { font-weight: bold; + /* font-family: 'Segoe UI', sans-serif; */ + /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */ + /* font-family:Arial, Helvetica, sans-serif; */ + /* font-family: Verdana, Geneva, Tahoma, sans-serif; */ + font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; } svg:focus,