feat(theme): upgrade Inter fonts

This commit is contained in:
pengzhanbo 2024-04-11 14:38:52 +08:00
parent 7f7d382961
commit ae9fb143c0
16 changed files with 143 additions and 148 deletions

View File

@ -1,25 +1,5 @@
/* webfont-marker-begin */
@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
html body {
font-synthesis: style;
}
/* webfont-marker-end */
@font-face {
font-family: "Inter var";
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-cyrillic.woff2") format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-cyrillic-ext.woff2") format("woff2");
@ -31,34 +11,86 @@ html body {
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-greek.woff2") format("woff2");
src: url("../fonts/inter-roman-cyrillic.woff2") format("woff2");
font-display: swap;
unicode-range: U+0370-03FF;
font-named-instance: "Regular";
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-greek-ext.woff2") format("woff2");
font-display: swap;
unicode-range: U+1F00-1FFF;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-greek.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-vietnamese.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+0300-0301,
U+0303-0304,
U+0308-0309,
U+0323,
U+0329,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-latin-ext.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-latin.woff2") format("woff2");
@ -71,6 +103,9 @@ html body {
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
@ -81,62 +116,10 @@ html body {
U+2215,
U+FEFF,
U+FFFD;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-latin-ext.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-style: normal;
font-weight: 100 900;
src: url("../fonts/inter-roman-vietnamese.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
font-named-instance: "Regular";
}
@font-face {
font-family: "Inter var";
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-cyrillic.woff2") format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-named-instance: "Italic";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-cyrillic-ext.woff2") format("woff2");
@ -148,34 +131,86 @@ html body {
U+2DE0-2DFF,
U+A640-A69F,
U+FE2E-FE2F;
font-named-instance: "Italic";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-greek.woff2") format("woff2");
src: url("../fonts/inter-italic-cyrillic.woff2") format("woff2");
font-display: swap;
unicode-range: U+0370-03FF;
font-named-instance: "Italic";
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-greek-ext.woff2") format("woff2");
font-display: swap;
unicode-range: U+1F00-1FFF;
font-named-instance: "Italic";
}
@font-face {
font-family: "Inter var";
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-greek.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-vietnamese.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+0300-0301,
U+0303-0304,
U+0308-0309,
U+0323,
U+0329,
U+1EA0-1EF9,
U+20AB;
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-latin-ext.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-latin.woff2") format("woff2");
@ -188,6 +223,9 @@ html body {
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
@ -198,47 +236,6 @@ html body {
U+2215,
U+FEFF,
U+FFFD;
font-named-instance: "Italic";
}
@font-face {
font-family: "Inter var";
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-latin-ext.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0100-024F,
U+0259,
U+1E00-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20CF,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
font-named-instance: "Italic";
}
@font-face {
font-family: "Inter var";
font-style: italic;
font-weight: 100 900;
src: url("../fonts/inter-italic-vietnamese.woff2") format("woff2");
font-display: swap;
unicode-range:
U+0102-0103,
U+0110-0111,
U+0128-0129,
U+0168-0169,
U+01A0-01A1,
U+01AF-01B0,
U+1EA0-1EF9,
U+20AB;
font-named-instance: "Italic";
}
/* Chinese quotes rendering fix. 中英文弯引号共享 Unicode 码位,确保引号使用中文字体渲染 */
@ -251,3 +248,5 @@ html body {
local("Source Han Sans SC");
unicode-range: U+2018, U+2019, U+201C, U+201D; /* 分别是 ‘’“” */
}
/* Generate the subsetted fonts using: `pyftsubset <file>.woff2 --unicodes="<range>" --output-file="inter-<style>-<subset>.woff2" --flavor=woff2` */

View File

@ -248,33 +248,29 @@
:root {
--vp-font-family-base:
"Chinese Quotes",
"Inter var",
"Inter",
inter,
ui-sans-serif,
system-ui,
-apple-system,
blinkmacsystemfont,
"Segoe UI",
roboto,
"Helvetica Neue",
helvetica,
arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji",
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
--vp-font-family-mono:
ui-monospace,
sfmono-regular,
"SF Mono",
menlo,
monaco,
consolas,
"Liberation Mono",
"Courier New",
monospace;
font-optical-sizing: auto;
}
/**