一些中文字体系统是否安装web是否支持检测实例页面

回到相关文章 »

效果：

否：苹方

否：华文黑体

否：华文楷体

否：华文宋体

否：华文仿宋

否：华文中宋

否：华文琥珀

否：华文新魏

否：华文隶书

否：华文行楷

否：冬青黑体简

否：兰亭黑-简

否：翩翩体-简

否：手札体-简

否：宋体-简

否：娃娃体-简

否：魏碑-简

否：行楷-简

否：雅痞-简

否：圆体-简

代码：

HTML代码：

<div id="result"></div>

JS代码：

var isSupportFontFamily=function(f){if(typeof f!="string"){return false}var h="Arial";if(f.toLowerCase()==h.toLowerCase()){return true}var e="a";var d=100;var a=100,i=100;var c=document.createElement("canvas");var b=c.getContext("2d");c.width=a;c.height=i;b.textAlign="center";b.fillStyle="black";b.textBaseline="middle";var g=function(j){b.clearRect(0,0,a,i);b.font=d+"px "+j+", "+h;b.fillText(e,a/2,i/2);var k=b.getImageData(0,0,a,i).data;return[].slice.call(k).filter(function(l){return l!=0})};return g(h).join("")!==g(f).join("")};

<script src="../201703/font-ch-en.js"></script>
<script>
var eleResult = document.getElementById('result');
var arrFont = dataFont['OS X'];
arrFont.forEach(function (obj) {
    var fontFamily = obj.en;

    eleResult.innerHTML = eleResult.innerHTML + '<p style="font-family:'+ fontFamily +';">'+ (isSupportFontFamily(fontFamily) ? '是' : '否') +'：'+ obj.ch +'</p>';
});
</script>