Share a jQuery code snippet for real-time dynamic modification and testing of website Fonts

Source: Internet
Author: User
Today, GBin1 brings you a piece of code that is very practical from fontdragr.com and can help you modify the font of website pages in real time. This code snippet can help the web designer modify the website page font in real time, or directly present it to the customer or other personnel. Hope you like it! Such as... SyntaxHighlighter. all ();

 

Today, GBin1 brings you a message fromFontdragr.comVery practical code snippets can help you modify website page fonts in real time. This code snippet can help the web designer modify the website page font in real time, or directly present it to the customer or other personnel. Hope you like it!

How to use it?

Step 1: copy and paste the file to a new bookmarks.

Step 2: access the website or page you want to test

Step 3: Click the bookmarks www.2cto.com

Step 4: drag the font you need to display dynamically (for example,) to the toolbar that appears.

Step 5: Specify jQuery selector to dynamically select different fonts for preview.

Bookmarks

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 );

Visit the original video address.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.