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

日期: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代码片断

 

你可能感兴趣的:(jquery)