msb-public
/
vitepress
mirror of https://github.com/vuejs/vitepress
2
1
Code Issues Projects Releases Wiki Activity

Merge ee9a64a180 into 6d3ffef12e

Browse Source
pull/4988/merge
Tatsunori Uchino 5 days ago committed by GitHub
parent 6d3ffef12e ee9a64a180
commit 9d7d55685b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 321 additions and 31 deletions
Show Stats Download Patch File Download Diff File

5
src/client/theme-default/components/VPHero.vue
Unescape View File

@ -140,6 +140,11 @@ const { heroImageSlotExists } = inject(layoutInfoInjectionKey)!
font-size: 32px;
font-weight: 700;
white-space: pre-wrap;
&:lang(ja) {
font-feature-settings: 'palt';
word-break: auto-phrase;
}
}
.VPHero.has-image .name,

4
src/client/theme-default/styles/base.css
Unescape View File

@ -237,6 +237,10 @@ p {
overflow-wrap: break-word;
}
:where(:lang(zh), :lang(ja), :lang(ko)) {
line-break: strict;
}
vite-error-overlay {
z-index: 9999;
}

327
src/client/theme-default/styles/fonts.css
Unescape View File

@ -148,48 +148,319 @@
U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
Some code points in Inter are not compatible with CJK languages.
https://www.unicode.org/L2/L2014/14006-sv-western-vs-cjk.pdf
https://www.unicode.org/L2/L2018/18013-svs-proposal.pdf
https://www.unicode.org/L2/L2018/18073-svs-proposal.pdf
https://www.unicode.org/L2/L2023/23212r-quotes-svs-proposal.pdf
https://github.com/w3c/clreq/blob/f837ffe4a5501e72c17bd02961ce1b440916624f/local.css#L4
& U+2015 (similar to U+2014 in Japanese)
All CJK languages: U+00B7, U+2013, U+2014, U+2015, U+2018, U+2019, U+201C, U+201D, U+2026, U+2E3A
zh only: U+007E, U+002F
*/
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
unicode-range:
U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-greek.woff2') format('woff2');
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
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: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
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;
}
/* Exclude some ambiguous CJK characters. */
@font-face {
font-family: Inter4CJK;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-latin.woff2') format('woff2');
unicode-range:
U+0000-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017, U+201A-201B,
U+201E-2025, U+2027-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
unicode-range:
U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-greek.woff2') format('woff2');
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
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: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
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;
}
/* Exclude some ambiguous CJK characters. */
@font-face {
font-family: Inter4CJK;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-latin.woff2') format('woff2');
unicode-range:
U+0000-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017, U+201A-201B,
U+201E-2025, U+2027-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
unicode-range:
U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-greek.woff2') format('woff2');
unicode-range:
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
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: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
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;
}
/* Exclude some ambiguous CJK characters. */
@font-face {
font-family: Inter4zh;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-roman-latin.woff2') format('woff2');
unicode-range:
U+0000-002E, U+0030-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC,
U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017,
U+201A-201B, U+201E-2025, U+2027-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
unicode-range:
U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Punctuation SC';
font-weight: 400;
src:
local('PingFang SC Regular'), local('Noto Sans CJK SC'),
local('Microsoft YaHei');
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-greek.woff2') format('woff2');
unicode-range:
U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
U+007E, U+002F;
U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Punctuation SC';
font-weight: 500;
src:
local('PingFang SC Medium'), local('Noto Sans CJK SC'),
local('Microsoft YaHei');
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
unicode-range:
U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
U+007E, U+002F;
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: 'Punctuation SC';
font-weight: 600;
src:
local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
local('Microsoft YaHei Bold');
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
unicode-range:
U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
U+007E, U+002F;
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;
}
/* Exclude some ambiguous CJK characters. */
@font-face {
font-family: 'Punctuation SC';
font-weight: 700;
src:
local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
local('Microsoft YaHei Bold');
font-family: Inter4zh;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/inter-italic-latin.woff2') format('woff2');
unicode-range:
U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
U+007E, U+002F;
U+0000-002E, U+0030-00B6, U+00B8-00FF, U+0131, U+0152-0153, U+02BB-02BC,
U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-2012, U+2016-2017,
U+201A-201B, U+201E-2025, U+2027-206F, U+2074, U+20AC, U+2122, U+2191,
U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Generate the subsetted fonts using: `pyftsubset <file>.woff2 --unicodes="<range>" --output-file="inter-<style>-<subset>.woff2" --flavor=woff2` */

16
src/client/theme-default/styles/vars.css
Unescape View File

@ -262,7 +262,7 @@
:root {
--vp-font-family-base:
'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
'Inter', -apple-system, BlinkMacSystemFont, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--vp-font-family-mono:
ui-monospace, 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono',
@ -270,9 +270,19 @@
font-optical-sizing: auto;
}
:root:where(:lang(zh)) {
/* :root and [lang] have the same specificity.
[lang] covers the case of e.g. <div lang="zh-CN"> in a non-Chinese page.
*/
[lang]:where(:lang(zh)) {
--vp-font-family-base:
'Punctuation SC', 'Inter', ui-sans-serif, system-ui, sans-serif,
'Inter4zh', -apple-system, BlinkMacSystemFont, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
/* Korean compatibility is unverified, so application of custom Inter to Korean is pending. */
[lang]:where(:lang(ja)) {
--vp-font-family-base:
'Inter4CJK', -apple-system, BlinkMacSystemFont, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

Write Preview
Loading…
Cancel
Save