在宋体、微软雅黑等常见的中文字体中,直接使用中文名作为CSS font-family的属性值也是有效的,但我们通常不使用中文名而是使用英文名,主要是避免乱码的风险。 有些中文字体使用中文名称作为CSS font-family的属性值是无效的。 您必须使用对应的英文字体名称,例如「思源哥特字体」、「兰亭哥特字体」。
总之,要使用中文字体,就必须知道相应的英文名称。
我在网上搜索相关资料时,英语的对应数据是由2010年的学生总结而成的,到了2017年,其中很多都过时了。 例如“宋_GB2312”“楷体_GB2312” windows7以后不存在的同时,OS X新晋“苹果方”等文字缺失或缺失。
所以,我特意花一两天的时间修改并补充过去的数据,保证每种字体在不同的系统中一个接一个地经过测试验证,整理更完整的中文字体英文名称对应关系一览表,并强烈点击这里: CSS font-family中
清单不仅会显示对应关系,而且会根据自己所代表的字型进行彩现,因此在某种程度上,您可以侦测此字型是否安装在您的电脑上。 例如,表行“哥特”中的所有CSS font-family都使用“哥特”,您可以切换到浏览器的默认字体并比较效果。 请参见下图
但是,由于操作系统看不到所有字体效果,因此您可以直接看到以下完整的屏幕截图效果
开源字体部分
添加部分着作权字体,例如方正系列字体和汉仪系列字体的中文和英文对应图。
0