js 取字体列表

最新推荐文章于 2024-08-20 08:59:45 发布

bill1315

最新推荐文章于 2024-08-20 08:59:45 发布

阅读量7.1k

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/bill1315/article/details/8509957

版权

javascript 专栏收录该内容

20 篇文章

订阅专栏

通过js 取字体列表，在IE下很容易办到，网上的相关内容也很多，可参考：

http://www.aa25.cn/code/224.shtml

function getSystemFonts(){
    var a=dlgHelper.fonts.count;
    var fArray = new Array();
    var oDropDown = document.all.fonts;
    for (i = 1;i < dlgHelper.fonts.count;i++){ 
        fArray[i] = dlgHelper.fonts(i);
        var aOptions = oDropDown.options;    
        var oOption = document.createElement("OPTION");
        aOptions.add(oOption);    
        oOption.text = fArray[i];
        oOption.Value = i;
    } 
}

关键dlgHelper（object,能获取客户操作系统的所有字体列表）在chrome等浏览器下不支持。

于是有另外两种解决方法：

1，使用flash方式:var arr_font:Array = Font.enumerateFonts(true);
如果Font.enumerateFonts(false)，他返回的是嵌入字体列表；
如果是true，他返回的是嵌入字体+系统字体；

关于flash的可参考

http://www.cnblogs.com/zjfree/archive/2010/12/07/1899602.html

http://rel.me/2008/06/26/font-detection-with-javascript-and-flash/

2，自定义一个字体列表，判断是否在客户端存在，如果存在的话，则取出。

取字体参考：http://tengs.info/index.php/archives/314

另外有实例解析：http://blog.youkuaiyun.com/yimengqiannian/article/details/7060210

下载地址