通过js检测浏览器支持的字体，从而显示支持的字体，让用户选择。

最新推荐文章于 2024-05-07 19:56:56 发布

weixin_33989058

最新推荐文章于 2024-05-07 19:56:56 发布

阅读量2.6k

点赞数

文章标签： javascript 前端 php ViewUI

原文链接：http://www.cnblogs.com/gaidalou/p/8479452.html

版权

这篇博客介绍了一种方法，通过JavaScript检测浏览器支持的字体家族，并据此展示合适的字体，提升用户体验。内容引用自张鑫旭的文章，提供了一个用于检测的字体函数和相关HTML实现。

摘要由CSDN通过智能技术生成

http://www.zhangxinxu.com/wordpress/2018/02/js-detect-suppot-font-family/

本文根据张鑫旭文章。

字体函数：

var dataFont = {
    windows: [{
        ch: '宋体',
        en: 'SimSun'
    }, {
        ch: '黑体',
        en: 'SimHei'
    }, {
        ch: '微软雅黑',
        en: 'Microsoft Yahei'
    }, {
        ch: '微软正黑体',
        en: 'Microsoft JhengHei'
    }, {
        ch: '楷体',
        en: 'KaiTi'
    }, {
        ch: '新宋体',
        en: 'NSimSun'
    }, {
        ch: '仿宋',
        en: 'FangSong'
    }],
    'OS X': [{
        ch: '苹方',
        en: 'PingFang SC'
    }, {
        ch: '华文黑体',
        en: 'STHeiti'
    }, {
        ch: '华文楷体',
        en: 'STKaiti'
    }, {
        ch: '华文宋体',
        en: 'STSong'
    }, {
        ch: '华文仿宋',
        en: 'STFangsong'
    }, {
        ch: '华文中宋',
        en: 'STZhongsong'
    }, {
        ch: '华文琥珀',
        en: 'STHupo'
    }, {
        ch: '华文新魏',
        en: 'STXinwei'
    }, {
        ch: '华文隶书',
        en: 'STLiti'
    }, {
        ch: '华文行楷',
        en: 'STXingkai'
    }, {
        ch: '冬青黑体简',
        en: 'Hiragino Sans GB'
    }, {
        ch: '兰亭黑-简',
        en: 'Lantinghei SC'
    }, {
        ch: '翩翩体-简',
        en: 'Hanzipen SC'
    }, {
        ch: '手札体-简',
        en: 'Hannotate SC'
    }, {
        ch: '宋体-简',
        en: 'Songti SC'
    }, {
        ch: '娃娃体-简',
        en: 'Wawati SC'
    }, {
        ch: '魏碑-简',
        en: 'Weibei SC'
    }, {
        ch: '行楷-简',
        en: 'Xingkai SC'
    }, {
        ch: '雅痞-简',
        en: 'Yapi SC'
    }, {
        ch: '圆体-简',
        en: 'Yuanti SC'
    }],
    'office': [{
        ch: '幼圆',
        en: 'YouYuan'
    }, {
        ch: '隶书',
        en: 'LiSu'
    }, {
        ch: '华文细黑',
        en: 'STXihei'
    }, {
        ch: '华文楷体',
        en: 'STKaiti'
    }, {
        ch: '华文宋体',
        en: 'STSong'
    }, {
        ch: '华文仿宋',
        en: 'STFangsong'
    }, {
        ch: '华文中宋',
        en: 'STZhongsong'
    }, {
        ch: '华文彩云',
        en: 'STCaiyun'
    }, {
        ch: '华文琥珀',
        en: 'STHupo'
    }, {
        ch: '华文新魏',
        en: 'STXinwei'
    }, {
        ch: '华文隶书',
        en: 'STLiti'
    }, {
        ch: '华文行楷',
        en: 'STXingkai'
    }, {
        ch: '方正舒体',
        en: 'FZShuTi'
    }, {
        ch: '方正姚体',
        en: 'FZYaoti'
    }],
    'open': [{
        ch: '思源黑体',
        en: 'Source Han Sans CN'
    }, {
        ch: '思源宋体',
        en: 'Source Han Serif SC'
    }, {
        ch: '文泉驿微米黑',
        en: 'WenQuanYi Micro Hei'
    }],
    'hanyi'