diff options
| author | la-ninpre <leobrekalini@gmail.com> | 2020-11-18 14:29:41 +0300 |
|---|---|---|
| committer | la-ninpre <leobrekalini@gmail.com> | 2020-11-18 14:56:13 +0300 |
| commit | 558dcbaee132cb97ccb07c0f30bf24743ba9cd3b (patch) | |
| tree | 11671d3d499e9db3add0f999a6d10ce487ec5d86 /_sass | |
| parent | 93728b411228afab7419fe3f229fd326a7ed8733 (diff) | |
| download | aaoth.xyz-558dcbaee132cb97ccb07c0f30bf24743ba9cd3b.tar.gz aaoth.xyz-558dcbaee132cb97ccb07c0f30bf24743ba9cd3b.zip | |
add custom fonts
Diffstat (limited to '_sass')
| -rwxr-xr-x | _sass/fonts.css | 76 | ||||
| -rw-r--r-- | _sass/main.scss | 5 |
2 files changed, 81 insertions, 0 deletions
diff --git a/_sass/fonts.css b/_sass/fonts.css new file mode 100755 index 0000000..deb6e55 --- /dev/null +++ b/_sass/fonts.css @@ -0,0 +1,76 @@ +/** =================== MONTSERRAT =================== **/ + +/** Montserrat Regular **/ +@font-face { + font-family: "Montserrat"; + font-weight: 400; + font-style: normal; + src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"), + url("/assets/fonts/Montserrat-Regular.woff") format("woff"); +} + +/** Montserrat Medium **/ +@font-face { + font-family: "Montserrat"; + font-weight: 500; + font-style: normal; + src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"), + url("/assets/fonts/Montserrat-Medium.woff") format("woff"); +} + +/** ==================== LATO ======================== **/ + +/* Webfont: Lato-Regular */ +@font-face { + font-family: 'Lato'; + src: url('/assets/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */ + src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/assets/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */ + url('/assets/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */ + url('/assets/fonts/Lato-Regular.ttf') format('truetype'); + font-style: normal; + font-weight: normal; + text-rendering: optimizeLegibility; +} + +/** =================== FIRA CODE ===================== **/ + +@font-face { + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'), + url("/assets/fonts/FiraCode-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'), + url("/assets/fonts/FiraCode-Bold.woff") format("woff"); + font-weight: 700; + font-style: normal; +} diff --git a/_sass/main.scss b/_sass/main.scss index 7940972..742a11e 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -13,6 +13,7 @@ $border-nav: $border-main $color-main-grey; $border-dark: $border-main $color-dark-grey; $font-title: Montserrat, sans-serif; $body-font: Lato, sans-serif; +$code-font: Fira Code, monospace; html { background: $color-main-bg; @@ -90,6 +91,10 @@ blockquote { border-radius: 0.5em; } +code { + font-family: $code-font; +} + audio { width: 100%; border-radius: 25px; |