Custom web fonts and web icons. Font Custom. Discover Your Character - (Navigation privée) Hyphenator - Javascript that implements client-side hyphenation of HTML-Documents. Lorem ipsum for webdesigners. Drag and drop font testing. Typetester – Compare fonts for the screen. WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage?
Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font era, WhatFont also detects services used for serving the font. Font name? Want to know more? Want the font? Want to share your discovery? ← Drag this to your bookmark bar to install On any webpage, click your WhatFont bookmark to use the tool. Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9. Limited support: Internet Explorer 8. ↑Install the extension from Chrome Web Store. On any webpage, click WhatFont button to use the tool. Download Now After downloading, open the extension file to install. The quick brown fox jumps over the lazy dog. Email chengyin.liu@gmail.com Twitter @chengyinliu The tool should auto-update itself. Hosted on Github. CSS Type Set.
Arctext.js - Curving Text with CSS3 and jQuery. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path.
Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. View demo Download source While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. How it works The main idea behind the Arctext plugin is to rotate letters with CSS3 transforms in order to place them along a curved path. Options The following options are available: 8 jQuery Plugins for Enhancing Typography. Being able to improve and manipulate web typography has always been one of the biggest changes for web designers.
But thanks to the ease of use and popularity of jQuery, developers are coming up with some clever ways to do just that. For this post we’ve gathered 8 useful jQuery plugins that allow you to do things to type that couldn’t be done before. Arctext.js Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. Textualizer Textualizer allow you to transition through blurbs of text. jqIsoText Some content on our pages are more important than other and we want to made him eye catching. BigText BigText makes text big. jQuery Text Resizer The Text Resizer plugin attempts to solve one problem: that of resizing text on demand by the user. slabText A jQuery plugin for producing big, bold & responsive headlines.
FitText.