inter.css 5.3 KB

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