在开发支持多国语言的网站时,在页面排版过程中,总会出现中英文交错的情况,或者考虑使用场景,会包含中文的情况系统显示英文页面。那时候怎么设置界面字体呢?MDN定义如下:CSS属性font-family允许你通过给出一个由逗号分隔的字体名称或字体系列名称组成的顺序列表来为所选元素设置字体使用属性值,浏览器会选择电脑上安装的列表中的第一个字体,或者@font-face指定的可直接下载的字体考虑到中文字体中通常包含英文字母,如果要使用英文的特定字体,则需要写fontfamilyname英文字体在前面,这样浏览器会优先使用英文字体。当它遇到中文发现不支持英文字体时,会继续往后找字体族名,director会找到中文字体。.示例@font-face{font-family:Roboto-Regular;src:url(8f793587dcf03f31c551c5b60d175fc2.ttf)}@font-face{字体系列:Titillium-Regular;src:url(4f5848e6a415f5a4964a232d1d8)b{字体系列:Titillium-Semibold;src:url(600f2d0861eeddb39f0d8b0ff13ef59c.ttf)}/**以上三个都是英文字体**/body{font-family:Roboto-Regular,MicrosoftYahei,PingFangSC}注意一般情况下需要指定通用字体列表末尾的家族名称(当指定字体不可用时提供更好字体的替代机制)。常用值如下serif:衬线字体,末尾有特殊笔画装饰线或serifsans-serif:无衬线字体,末尾笔画平滑的字体monospace:等宽字体,即每个字inthefonthassamewidthcursive:草书字体,手写字体fantasywithligatureeffect:Fontswithspecialartisticeffectssystem-ui:从浏览器平台获取的默认用户界面字体
