all repos — aaoth.xyz @ 8d69c4656ada9b63390e218951de641d58062d15

aaoth.xyz website

_sass/fonts.css (view raw)

  1/** =================== MONTSERRAT =================== **/
  2
  3/** Montserrat Regular **/
  4@font-face {
  5    font-family: "Montserrat";
  6    font-weight: 400;
  7    font-style: normal;
  8    src: url("/assets/fonts/Montserrat-Regular.woff2") format("woff2"),
  9         url("/assets/fonts/Montserrat-Regular.woff") format("woff");
 10    font-display: swap;
 11}
 12
 13/** Montserrat Medium **/
 14@font-face {
 15    font-family: "Montserrat";
 16    font-weight: 500;
 17    font-style: normal;
 18    src: url("/assets/fonts/Montserrat-Medium.woff2") format("woff2"),
 19    url("/assets/fonts/Montserrat-Medium.woff") format("woff");
 20    font-display: swap;
 21}
 22
 23/** Montserrat Regular-Italic **/
 24@font-face {
 25    font-family: "Montserrat";
 26    font-weight: 400;
 27    font-style: italic;
 28    src: url("/assets/fonts/Montserrat-Italic.woff2") format("woff2"),
 29    url("/assets/fonts/Montserrat-Italic.woff") format("woff");
 30    font-display: swap;
 31}
 32
 33/** Montserrat Bold **/
 34@font-face {
 35    font-family: "Montserrat";
 36    font-weight: 700;
 37    font-style: normal;
 38    src: url("/assets/fonts/Montserrat-Bold.woff2") format("woff2"),
 39    url("/assets/fonts/Montserrat-Bold.woff") format("woff");
 40    font-display: swap;
 41}
 42
 43/** Montserrat Bold-Italic **/
 44@font-face {
 45    font-family: "Montserrat";
 46    font-weight: 700;
 47    font-style: italic;
 48    src: url("/assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"),
 49    url("/assets/fonts/Montserrat-BoldItalic.woff") format("woff");
 50    font-display: swap;
 51}
 52
 53
 54/** ==================== LATO ======================== **/
 55
 56/* Webfont: Lato-Regular */
 57@font-face {
 58    font-family: 'Lato';
 59    src: url('/assets/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
 60    src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 61         url('/assets/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
 62         url('/assets/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
 63         url('/assets/fonts/Lato-Regular.ttf') format('truetype');
 64    font-style: normal;
 65    font-weight: 400;
 66    text-rendering: optimizeLegibility;
 67    font-display: swap;
 68}
 69
 70/* Webfont: Lato-Italic */@font-face {
 71    font-family: 'Lato';
 72    src: url('/assets/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
 73    src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 74         url('/assets/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
 75         url('/assets/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
 76         url('/assets/fonts/Lato-Italic.ttf') format('truetype');
 77    font-style: italic;
 78    font-weight: 400;
 79    text-rendering: optimizeLegibility;
 80    font-display: swap;
 81}
 82
 83/* Webfont: Lato-Bold */@font-face {
 84    font-family: 'Lato';
 85    src: url('/assets/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
 86    src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 87         url('/assets/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
 88         url('/assets/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
 89         url('/assets/fonts/Lato-Bold.ttf') format('truetype');
 90    font-style: normal;
 91    font-weight: 700;
 92    text-rendering: optimizeLegibility;
 93    font-display: swap;
 94}
 95
 96/* Webfont: Lato-BoldItalic */@font-face {
 97    font-family: 'Lato';
 98    src: url('/assets/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
 99    src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
100         url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
101         url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
102         url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype');
103    font-style: italic;
104    font-weight: 700;
105    text-rendering: optimizeLegibility;
106    font-display: swap;
107}
108/** =================== FIRA CODE ===================== **/
109
110@font-face {
111    font-family: 'Fira Code';
112    src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
113        url("/assets/fonts/FiraCode-Light.woff") format("woff");
114    font-weight: 300;
115    font-style: normal;
116    font-display: swap;
117}
118
119@font-face {
120    font-family: 'Fira Code';
121    src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
122        url("/assets/fonts/FiraCode-Regular.woff") format("woff");
123    font-weight: 400;
124    font-style: normal;
125    font-display: swap;
126}
127
128@font-face {
129    font-family: 'Fira Code';
130    src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
131        url("/assets/fonts/FiraCode-Medium.woff") format("woff");
132    font-weight: 500;
133    font-style: normal;
134    font-display: swap;
135}
136
137@font-face {
138    font-family: 'Fira Code';
139    src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
140        url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
141    font-weight: 600;
142    font-style: normal;
143    font-display: swap;
144}
145
146@font-face {
147    font-family: 'Fira Code';
148    src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
149        url("/assets/fonts/FiraCode-Bold.woff") format("woff");
150    font-weight: 700;
151    font-style: normal;
152    font-display: swap;
153}