WebAppers

/ best free open source web resources /

Shopify

TypeSelect – Selectable Beautifully Rendered Typefaces

Posted · Category: Fonts, MIT License

By leveraging typeface.js, jQuery, the canvas, toDataURL, CSS background properties and real overlayed text, Type Select is able to combine custom fonts with your browser’s native text selection functionality. You can now interact with beautifully rendered typefaces just like you do with normal text.

Web professionals have been stuck with 9 “web safe” fonts for too many years. There have been some clever solutions (SIFR, FLIR, Typeface.js, Cufon), but text selection has been a tough nut to crack. This approach can become a viable workaround until browser technology catches up. Type Select is offered as a free proof-of-concept under the MIT License.

Type Select

Requirements: jQuery 1.3.2+
Demo: http://www.typeselect.org/
License: MIT License

7 Comments
  • Hirvesh

    Type Select looks to be a very promising Text replacement solution. You might also want to see 5 other techniques like these here:

    http://codefusionlab.blogspot.com/2009/06/5-image-replacement-techniques-for.html

  • http://www.rnmedia.eu Rok

    This is probably one of the best techniques I’ve seen so far and it validates :)

  • Gustavs

    Looking forward on using it soon. Looks great!

  • Pingback: DoZ-log

  • http://www.typeselect.org Bear

    Thanks for the write up and thanks for the kind comments. Please do give TypeSelect a whirl and share any links to us with examples of TypeSelect in action.

  • http://www.mashupdesign.com pisakec

    looking good. well anyone found bug here?

  • http://www.webtags.pt 3L

    Definitely a must have! Already in my bookmarks and Twitter. Looking forward for similar technology to be included in CSS standards.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons