Screen2.0

hints & tips, links // 2012.06.19 08:24:36 [hh]

"Type Butter": optisches Kerning in "JavaScript"

Das Open-Source-"jQuery"-Plug-in "Type Butter" von David Hudson erlaubt den optischen Ausgleich einzelner Buchstaben in einer Web-Seite, um einen besseren Gesamteindruck zu erreichen. Dieser Vorgang wird auch "optisaches Kerning "genannt.

David Hudson über sein jüngstes Web-Typo-Open-Source-Projekt: "TypeButter allows you to set optical kerning for any font on your website. If you’re longing for beautifully laid out text that today’s browsers just don’t provide, this is the plugin for you! Also, don’t forget to check out delicious curved text using jQuery Bacon.

Why does TypeButter create its own kern element?
Because if it used a standard element like a span, your site’s CSS might adversely effect TypeButter. Remember: There is no “rule” against creating your own element. Really old browsers that don’t understand the new element will just ignore it.

Does TypeButter work with screen readers?
It works with some screen readers but not all. I’m working on this and it’s really close to being functional. Stay tuned!

Will TypeButter slow my site down?
That depends. If you have 200,000 words on your page and TypeButter is manipulating every letter… uhh yeah. If you have a normal site or blog, you should barely notice the difference.

Hasn’t this already been done with optimizeLegibility?
Nope. The optimizeLegibility declaration has limited support even among modern browsers. It also has plenty of other problems."

Direkter Link: typebutter.com

Werbung