论坛首页 Web前端技术论坛

分享一个实时动态修改测试网站字体的jQuery代码片断

浏览 1400 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-11-04  

日期:2011/11/04  来源:GBin1.com

今天GBin1带给大家一段来自fontdragr.com非常实用的代码片断,能够帮助大家实时的修改网站页面字体。这个代码片断可以帮助web设计人员实时的修改网站页面字体,或者直接演示给客户或者其它人员。希望大家喜欢!

分享一个实时动态修改测试网站字体的jQuery代码片断

如何使用?

第一步:请先拷贝并且粘贴到一个新的书签中

第二步:访问你需要测试的网站或者页面

第三步:点击书签

第四步:拖拉你需要动态显示的字体(比如,微软雅黑)到出现的工具条上

第五步:指定jQuery selector就可以动态选择不同字体预览了

书签代码

javascript: (function (d) {
    var s = d.createElement('script'),
        h = d.head || d.getElementsByTagName('head')[0];
    s.src="http://fontdragr.com/bookmarklet/fd-script.js";
    h.appendChild(s);
})(document);

 

视频请访问原文地址

 

原文来自:分享一个实时动态修改测试网站字体的jQuery代码片断

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics