网站支持 i18n 并提供了 zh 和 en 两种环境下的字体。为何当用户代理为 zh 环境时会两个字体都加载?

查看 28|回复 0
作者:chuck1in   
代码里面定义了两种字体:
@font-face {
        font-family: 'MiSans';
        src: url('/font/MiSans-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Robot';
        src: url('/font/roboto-latin-400-normal.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
}
:lang(en) {
        font-family: 'Robot', sans-serif;
}
:lang(zh) {
        font-family: 'MiSans', sans-serif;
}
  • 当浏览器为英文语言时打开网页,会只加载 robot 字体并且正常渲染页面
  • 当浏览器为中文语言时,打开网页会把两个字体都加载,然后使用中文字体渲染页面

    能否做到用户代理为 zh 环境时,也只加载 MiSans 字体,不用再加载英文字体?
    如果可以的话,应该怎么实现呢?
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部