代码里面定义了两种字体:
@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 字体,不用再加载英文字体? 如果可以的话,应该怎么实现呢?