瀏覽代碼

Improve font loading

Include web fonts in loading.
tags/0.3.0
TheoryOfNekomata 3 年之前
父節點
當前提交
bfb49948d5
共有 18 個文件被更改,包括 59 次插入6 次删除
  1. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.eot
  2. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.ttf
  3. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.woff
  4. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.woff2
  5. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.eot
  6. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.ttf
  7. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.woff
  8. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.woff2
  9. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.eot
  10. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.ttf
  11. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.woff
  12. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.woff2
  13. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.eot
  14. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.ttf
  15. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.woff
  16. 二進制
      packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.woff2
  17. +57
    -5
      packages/react-common-docs/public/theme.css
  18. +2
    -1
      packages/react-common-docs/src/components/Sidebar/Sidebar.tsx

二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.eot 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.ttf 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.woff 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Bold.woff2 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.eot 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.ttf 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.woff 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-BoldItalic.woff2 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.eot 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.ttf 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.woff 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Italic.woff2 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.eot 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.ttf 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.woff 查看文件


二進制
packages/react-common-docs/public/fonts/mononoki/mononoki-Regular.woff2 查看文件


+ 57
- 5
packages/react-common-docs/public/theme.css 查看文件

@@ -2,50 +2,102 @@
font-family: 'Encode Sans';
font-stretch: semi-expanded;
font-weight: 400;
font-display: swap;
src:
local('Encode Sans Semi Expanded'),
local('Encode Sans');
local('Encode Sans'),
url(https://fonts.gstatic.com/s/encodesanssemiexpanded/v6/ke83OhAPMEZs-BDuzwftTNJ85JvwMOzE9d9Cca5TO401LgrjKXY.woff2) format('woff2');
}

@font-face {
font-family: 'Encode Sans';
font-stretch: semi-expanded;
font-weight: 700;
font-display: swap;
src:
local('Encode Sans Semi Expanded Bold'),
local('Encode Sans Semi Expanded'),
local('Encode Sans');
local('Encode Sans'),
url(https://fonts.gstatic.com/s/encodesanssemiexpanded/v6/ke8yOhAPMEZs-BDuzwftTNJ85JvwMOzE9d9Cca5TMzYQOyfBJFyUGWQ.woff2) format('woff2');
}

@font-face {
font-family: 'Encode Sans';
font-stretch: condensed;
font-weight: 100;
font-display: swap;
src:
local('Encode Sans Condensed Thin'),
local('Encode Sans Condensed'),
local('Encode Sans');
local('Encode Sans'),
url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_76_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-5Z-OJwsnIHKQ.woff2) format('woff2');
}

@font-face {
font-family: 'Encode Sans';
font-stretch: condensed;
font-weight: 200;
font-display: swap;
src:
local('Encode Sans Condensed ExtraLight'),
local('Encode Sans Condensed Extra Light'),
local('Encode Sans Condensed'),
local('Encode Sans');
local('Encode Sans'),
url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_46_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-SY6ZAC4ICHiYFQ.woff2) format('woff2');
}

@font-face {
font-family: 'Encode Sans';
font-stretch: condensed;
font-weight: 300;
font-display: swap;
src:
local('Encode Sans Condensed Light'),
local('Encode Sans Condensed'),
local('Encode Sans');
local('Encode Sans'),
url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_46_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-LY2ZAC4ICHiYFQ.woff2) format('woff2');
}

@font-face {
font-family: 'mononoki';
font-weight: 400;
font-style: normal;
font-display: swap;
src:
local('mononoki'),
url(fonts/mononoki/mononoki-Regular.woff2) format('woff2');
}

@font-face {
font-family: 'mononoki';
font-weight: 700;
font-style: normal;
font-display: swap;
src:
local('mononoki Bold'),
local('mononoki'),
url(fonts/mononoki/mononoki-Bold.woff2) format('woff2');
}

@font-face {
font-family: 'mononoki';
font-weight: 400;
font-style: italic;
font-display: swap;
src:
local('mononoki'),
url(fonts/mononoki/mononoki-Italic.woff2) format('woff2');
}

@font-face {
font-family: 'mononoki';
font-weight: 700;
font-style: italic;
font-display: swap;
src:
local('mononoki Bold'),
local('mononoki'),
url(fonts/mononoki/mononoki-BoldItalic.woff2) format('woff2');
}

:root {


+ 2
- 1
packages/react-common-docs/src/components/Sidebar/Sidebar.tsx 查看文件

@@ -78,9 +78,10 @@ const SidebarToggle = styled('a')({

const Actions = styled('div')({
marginBottom: '4rem',
display: 'flex',
display: 'grid',
gap: '1rem',
alignItems: 'center',
gridTemplateColumns: 'auto auto',
})

const NavWrapper = styled('nav')({


Loading…
取消
儲存