/* * 本地字体，替代 https://fonts.googleapis.com * * 原来两站在 里用渲染阻塞的 引 Google Fonts， * community-theme.css 第一行还额外 @import 了一次（@import 是串行的，更慢）。 * 而 fonts.googleapis.com / fonts.gstatic.com 在中国大陆不可访问， * 站点的目标用户恰好都在国内 —— 结果是每次打开页面都要先等这个请求超时， * 首屏被硬生生拖住几秒。实测该请求单是 CSS 就有 124KB 传输 / 452KB 解压。 * * 处理方式： * 1) 中文正文不再用网页字体。Noto Sans SC 是全字重中文字体， * 真要下载是好几 MB，对国内用户是净负担。改用系统字体栈： * Windows 走微软雅黑、macOS/iOS 走苹方、鸿蒙走 HarmonyOS Sans， * 零下载且是用户最熟悉的观感。 * 2) 只自托管标题用的拉丁展示字体 Barlow Condensed， * 且只取 latin 子集的 woff2，两个字重合计 44KB。 * font-display:swap 保证字体没到之前先用系统字体渲染，不挡首屏。 */ @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/barlow-condensed-600-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/barlow-condensed-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* * 'Noto Sans SC' 在旧代码的 font-family 里被写在第一位，这里把它别名到 * 系统中文字体栈，这样那些写死 'Noto Sans SC' 的样式不用逐个去改也能正常显示， * 且不产生任何网络请求。 */ @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 400; src: local('PingFang SC'), local('HarmonyOS Sans SC'), local('Microsoft YaHei UI'), local('Microsoft YaHei'), local('Source Han Sans SC'), local('Noto Sans CJK SC'); } @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 500; src: local('PingFang SC Medium'), local('HarmonyOS Sans SC Medium'), local('Microsoft YaHei UI'), local('Microsoft YaHei'), local('Source Han Sans SC Medium'); } @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 700; src: local('PingFang SC Semibold'), local('HarmonyOS Sans SC Bold'), local('Microsoft YaHei UI Bold'), local('Microsoft YaHei Bold'), local('Source Han Sans SC Bold'); } @font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 800; src: local('PingFang SC Semibold'), local('HarmonyOS Sans SC Bold'), local('Microsoft YaHei UI Bold'), local('Microsoft YaHei Bold'), local('Source Han Sans SC Heavy'); }