|
@ -1,154 +1,181 @@ |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 100; |
|
|
font-weight: 100; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Thin.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Thin.woff?v=3.19") format("woff"); |
|
|
url('Inter-Thin.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Thin.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 100; |
|
|
font-weight: 100; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-ThinItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-ThinItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-ThinItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 200; |
|
|
font-weight: 200; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-ExtraLight.woff?v=3.19") format("woff"); |
|
|
url('Inter-ExtraLight.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-ExtraLight.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 200; |
|
|
font-weight: 200; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-ExtraLightItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-ExtraLightItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 300; |
|
|
font-weight: 300; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Light.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Light.woff?v=3.19") format("woff"); |
|
|
url('Inter-Light.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Light.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 300; |
|
|
font-weight: 300; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-LightItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-LightItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-LightItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Regular.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Regular.woff?v=3.19") format("woff"); |
|
|
url('Inter-Regular.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Regular.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Italic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Italic.woff?v=3.19") format("woff"); |
|
|
url('Inter-Italic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Italic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Medium.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Medium.woff?v=3.19") format("woff"); |
|
|
url('Inter-Medium.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Medium.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-MediumItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-MediumItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-MediumItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-SemiBold.woff?v=3.19") format("woff"); |
|
|
url('Inter-SemiBold.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-SemiBold.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-SemiBoldItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-SemiBoldItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Bold.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Bold.woff?v=3.19") format("woff"); |
|
|
url('Inter-Bold.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Bold.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-BoldItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-BoldItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-BoldItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 800; |
|
|
font-weight: 800; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-ExtraBold.woff?v=3.19") format("woff"); |
|
|
url('Inter-ExtraBold.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-ExtraBold.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 800; |
|
|
font-weight: 800; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-ExtraBoldItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-weight: 900; |
|
|
font-weight: 900; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-Black.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-Black.woff?v=3.19") format("woff"); |
|
|
url('Inter-Black.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-Black.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter'; |
|
|
font-family: 'Inter'; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-weight: 900; |
|
|
font-weight: 900; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"), |
|
|
src: |
|
|
url("Inter-BlackItalic.woff?v=3.19") format("woff"); |
|
|
url('Inter-BlackItalic.woff2?v=3.19') format('woff2'), |
|
|
|
|
|
url('Inter-BlackItalic.woff?v=3.19') format('woff'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* ------------------------------------------------------- |
|
|
/* ------------------------------------------------------- |
|
@ -166,7 +193,7 @@ Usage: |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
font-style: normal; |
|
|
font-style: normal; |
|
|
font-named-instance: 'Regular'; |
|
|
font-named-instance: 'Regular'; |
|
|
src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); |
|
|
src: url('Inter-roman.var.woff2?v=3.19') format('woff2'); |
|
|
} |
|
|
} |
|
|
@font-face { |
|
|
@font-face { |
|
|
font-family: 'Inter var'; |
|
|
font-family: 'Inter var'; |
|
@ -174,10 +201,9 @@ Usage: |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
font-style: italic; |
|
|
font-style: italic; |
|
|
font-named-instance: 'Italic'; |
|
|
font-named-instance: 'Italic'; |
|
|
src: url("Inter-italic.var.woff2?v=3.19") format("woff2"); |
|
|
src: url('Inter-italic.var.woff2?v=3.19') format('woff2'); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------------- |
|
|
/* -------------------------------------------------------------------------- |
|
|
[EXPERIMENTAL] Multi-axis, single variable font. |
|
|
[EXPERIMENTAL] Multi-axis, single variable font. |
|
|
|
|
|
|
|
@ -196,5 +222,5 @@ explicitly, e.g. |
|
|
font-weight: 100 900; |
|
|
font-weight: 100 900; |
|
|
font-display: swap; |
|
|
font-display: swap; |
|
|
font-style: oblique 0deg 10deg; |
|
|
font-style: oblique 0deg 10deg; |
|
|
src: url("Inter.var.woff2?v=3.19") format("woff2"); |
|
|
src: url('Inter.var.woff2?v=3.19') format('woff2'); |
|
|
} |
|
|
} |
|
|