inter.css (5303B)
1 @font-face { 2 font-family: 'Inter'; 3 font-style: normal; 4 font-weight: 100; 5 font-display: swap; 6 src: url("Inter-Thin.woff2?v=3.19") format("woff2"), 7 url("Inter-Thin.woff?v=3.19") format("woff"); 8 } 9 @font-face { 10 font-family: 'Inter'; 11 font-style: italic; 12 font-weight: 100; 13 font-display: swap; 14 src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"), 15 url("Inter-ThinItalic.woff?v=3.19") format("woff"); 16 } 17 18 @font-face { 19 font-family: 'Inter'; 20 font-style: normal; 21 font-weight: 200; 22 font-display: swap; 23 src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"), 24 url("Inter-ExtraLight.woff?v=3.19") format("woff"); 25 } 26 @font-face { 27 font-family: 'Inter'; 28 font-style: italic; 29 font-weight: 200; 30 font-display: swap; 31 src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), 32 url("Inter-ExtraLightItalic.woff?v=3.19") format("woff"); 33 } 34 35 @font-face { 36 font-family: 'Inter'; 37 font-style: normal; 38 font-weight: 300; 39 font-display: swap; 40 src: url("Inter-Light.woff2?v=3.19") format("woff2"), 41 url("Inter-Light.woff?v=3.19") format("woff"); 42 } 43 @font-face { 44 font-family: 'Inter'; 45 font-style: italic; 46 font-weight: 300; 47 font-display: swap; 48 src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"), 49 url("Inter-LightItalic.woff?v=3.19") format("woff"); 50 } 51 52 @font-face { 53 font-family: 'Inter'; 54 font-style: normal; 55 font-weight: 400; 56 font-display: swap; 57 src: url("Inter-Regular.woff2?v=3.19") format("woff2"), 58 url("Inter-Regular.woff?v=3.19") format("woff"); 59 } 60 @font-face { 61 font-family: 'Inter'; 62 font-style: italic; 63 font-weight: 400; 64 font-display: swap; 65 src: url("Inter-Italic.woff2?v=3.19") format("woff2"), 66 url("Inter-Italic.woff?v=3.19") format("woff"); 67 } 68 69 @font-face { 70 font-family: 'Inter'; 71 font-style: normal; 72 font-weight: 500; 73 font-display: swap; 74 src: url("Inter-Medium.woff2?v=3.19") format("woff2"), 75 url("Inter-Medium.woff?v=3.19") format("woff"); 76 } 77 @font-face { 78 font-family: 'Inter'; 79 font-style: italic; 80 font-weight: 500; 81 font-display: swap; 82 src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"), 83 url("Inter-MediumItalic.woff?v=3.19") format("woff"); 84 } 85 86 @font-face { 87 font-family: 'Inter'; 88 font-style: normal; 89 font-weight: 600; 90 font-display: swap; 91 src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"), 92 url("Inter-SemiBold.woff?v=3.19") format("woff"); 93 } 94 @font-face { 95 font-family: 'Inter'; 96 font-style: italic; 97 font-weight: 600; 98 font-display: swap; 99 src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), 100 url("Inter-SemiBoldItalic.woff?v=3.19") format("woff"); 101 } 102 103 @font-face { 104 font-family: 'Inter'; 105 font-style: normal; 106 font-weight: 700; 107 font-display: swap; 108 src: url("Inter-Bold.woff2?v=3.19") format("woff2"), 109 url("Inter-Bold.woff?v=3.19") format("woff"); 110 } 111 @font-face { 112 font-family: 'Inter'; 113 font-style: italic; 114 font-weight: 700; 115 font-display: swap; 116 src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"), 117 url("Inter-BoldItalic.woff?v=3.19") format("woff"); 118 } 119 120 @font-face { 121 font-family: 'Inter'; 122 font-style: normal; 123 font-weight: 800; 124 font-display: swap; 125 src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"), 126 url("Inter-ExtraBold.woff?v=3.19") format("woff"); 127 } 128 @font-face { 129 font-family: 'Inter'; 130 font-style: italic; 131 font-weight: 800; 132 font-display: swap; 133 src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), 134 url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); 135 } 136 137 @font-face { 138 font-family: 'Inter'; 139 font-style: normal; 140 font-weight: 900; 141 font-display: swap; 142 src: url("Inter-Black.woff2?v=3.19") format("woff2"), 143 url("Inter-Black.woff?v=3.19") format("woff"); 144 } 145 @font-face { 146 font-family: 'Inter'; 147 font-style: italic; 148 font-weight: 900; 149 font-display: swap; 150 src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"), 151 url("Inter-BlackItalic.woff?v=3.19") format("woff"); 152 } 153 154 /* ------------------------------------------------------- 155 Variable font. 156 Usage: 157 158 html { font-family: 'Inter', sans-serif; } 159 @supports (font-variation-settings: normal) { 160 html { font-family: 'Inter var', sans-serif; } 161 } 162 */ 163 @font-face { 164 font-family: 'Inter var'; 165 font-weight: 100 900; 166 font-display: swap; 167 font-style: normal; 168 font-named-instance: 'Regular'; 169 src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); 170 } 171 @font-face { 172 font-family: 'Inter var'; 173 font-weight: 100 900; 174 font-display: swap; 175 font-style: italic; 176 font-named-instance: 'Italic'; 177 src: url("Inter-italic.var.woff2?v=3.19") format("woff2"); 178 } 179 180 181 /* -------------------------------------------------------------------------- 182 [EXPERIMENTAL] Multi-axis, single variable font. 183 184 Slant axis is not yet widely supported (as of February 2019) and thus this 185 multi-axis single variable font is opt-in rather than the default. 186 187 When using this, you will probably need to set font-variation-settings 188 explicitly, e.g. 189 190 * { font-variation-settings: "slnt" 0deg } 191 .italic { font-variation-settings: "slnt" 10deg } 192 193 */ 194 @font-face { 195 font-family: 'Inter var experimental'; 196 font-weight: 100 900; 197 font-display: swap; 198 font-style: oblique 0deg 10deg; 199 src: url("Inter.var.woff2?v=3.19") format("woff2"); 200 }