all repos — aaoth.xyz @ 6ca55101e4f55a56f51eed6f9addcda83f5c4e5e

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    font-display: swap;
 67}
 68
 69/* Webfont: Lato-Italic */@font-face {
 70    font-family: 'Lato';
 71    src: url('/assets/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
 72    src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 73         url('/assets/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
 74         url('/assets/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
 75         url('/assets/fonts/Lato-Italic.ttf') format('truetype');
 76    font-style: italic;
 77    font-weight: 400;
 78    font-display: swap;
 79}
 80
 81/* Webfont: Lato-Bold */@font-face {
 82    font-family: 'Lato';
 83    src: url('/assets/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
 84    src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 85         url('/assets/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
 86         url('/assets/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
 87         url('/assets/fonts/Lato-Bold.ttf') format('truetype');
 88    font-style: normal;
 89    font-weight: 700;
 90    font-display: swap;
 91}
 92
 93/* Webfont: Lato-BoldItalic */@font-face {
 94    font-family: 'Lato';
 95    src: url('/assets/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
 96    src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 97         url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
 98         url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
 99         url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype');
100    font-style: italic;
101    font-weight: 700;
102    font-display: swap;
103}
104/** =================== FIRA CODE ===================== **/
105
106@font-face {
107    font-family: 'Fira Code';
108    src: url('/assets/fonts/FiraCode-Light.woff2') format('woff2'),
109        url("/assets/fonts/FiraCode-Light.woff") format("woff");
110    font-weight: 300;
111    font-style: normal;
112    font-display: swap;
113}
114
115@font-face {
116    font-family: 'Fira Code';
117    src: url('/assets/fonts/FiraCode-Regular.woff2') format('woff2'),
118        url("/assets/fonts/FiraCode-Regular.woff") format("woff");
119    font-weight: 400;
120    font-style: normal;
121    font-display: swap;
122}
123
124@font-face {
125    font-family: 'Fira Code';
126    src: url('/assets/fonts/FiraCode-Medium.woff2') format('woff2'),
127        url("/assets/fonts/FiraCode-Medium.woff") format("woff");
128    font-weight: 500;
129    font-style: normal;
130    font-display: swap;
131}
132
133@font-face {
134    font-family: 'Fira Code';
135    src: url('/assets/fonts/FiraCode-SemiBold.woff2') format('woff2'),
136        url("/assets/fonts/FiraCode-SemiBold.woff") format("woff");
137    font-weight: 600;
138    font-style: normal;
139    font-display: swap;
140}
141
142@font-face {
143    font-family: 'Fira Code';
144    src: url('/assets/fonts/FiraCode-Bold.woff2') format('woff2'),
145        url("/assets/fonts/FiraCode-Bold.woff") format("woff");
146    font-weight: 700;
147    font-style: normal;
148    font-display: swap;
149}