【JavaScript】js简易实现检测系统字体是否存在

最新推荐文章于 2024-04-30 16:57:21 发布

weixin_30500105

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量716

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ampedZ/p/CheckFont.html

版权

来自ampedZ的博客园，原文地址：http://www.cnblogs.com/ampedZ/p/CheckFont.html

原理是根据设置span的字体，如果系统不存在指定名称对应的字体，则会以默认字体显示。

根据对比指定字体和默认字体的offsetWidth、offsetHeight值，以判断字体是否存在。

通过一个杜撰的字体名称来设置默认字体。

一般说来，span指定的文本越复杂，准确度越高。

<!DOCTYPE html>
<html><head><style type="text/css">
div#divBase{text-align:center;width:283px;}
div#divTitle{clear:both;text-align:center;padding:3px;}
div#divInput{float:left;}
div#divOutput{float:right;}
div#divButton{float:none;vertical-align:middle;margin:57px;}
div#divCopyright{clear:both;text-align:center;padding:3px;}
textarea#textareaInput{resize:none;overflow:auto;width:106px;height:126px;}
textarea#textareaOutput{resize:none;overflow:auto;width:106px;height:126px;}</style></head>
<body><div id="divBase">
<div id="divTitle">字体检测</div>
<div id="divInput"><textarea id="textareaInput"wrap="soft">FZDaHei-B02S,方正大黑简体
HYGothic-Extra
Lucida Sans</textarea></div>
<div id="divOutput"><textarea id="textareaOutput"wrap="soft"readonly=“true”></textarea></div>
<div id="divButton"><input type="button"value="检测"onClick="CheckFont()"/></div>
<div id="divCopyright">Copyright © 心のsky Group</div></div>
<script type="text/javascript"src="CheckFont.js"></script>
<script type="text/javascript">function CheckFont()
{var t=document.getElementById("textareaInput").value;t=IsFontExistBatch(t);document.getElementById("textareaOutput").value=t;}</script>
</body></html>

CheckFont.html

function IsFontExist(t) {
    if (t == "") {return ""};
    var f = "Copyright © 心のsky Group";
    var s = document.createElement("span");
    s.style.fontSize = '72px';
    s.innerHTML = f;
    var b = document.getElementsByTagName("body")[0];
    b.appendChild(s);
    s.style.fontFamily = f;
    var w = s.offsetWidth;
    var h = s.offsetHeight;
    s.style.fontFamily = t + ',' + f;
    var r =((s.offsetWidth != w) || (s.offsetHeight != h));
    b.removeChild(s);
    return r?"存在":"不存在";
}
function IsFontExistBatch(t) {
    var a = t.split("\n");
    var r = new Array();
    for (var i = 0; i < a.length; i++) {
        r[i] = IsFontExist(a[i]);
    }
    return r.join("\r\n");
}

CheckFont.js

转载于:https://www.cnblogs.com/ampedZ/p/CheckFont.html

weixin_30500105

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】js简易实现检测系统字体是否存在

来自ampedZ的博客园，原文地址：http://www.cnblogs.com/ampedZ/p/CheckFont.html原理是根据设置span的字体，如果系统不存在指定名称对应的字体，则会以默认字体显示。根据对比指定字体和默认字体的offsetWidth、offsetHeight值，以判断字体是否存在。通过一个杜撰的字体名称来设置默认字体。一般说来，span指定的文本越复杂...
复制链接

扫一扫