Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Cufon Smooth Hover Transition (jQuery script)

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #42748
    bfintal
    Participant

    Hey guys, I usually use Cufon in my sites to get those thin smooth custom fonts (as against Google webfont api which has fonts which are a bit thicker). One problem I have is that adding a hover color transition on a Cufonized link doesn’t look nice. Colors just swap instantaneously and you can’t apply a smooth transition on them.

    So I made a jQuery plugin that applies a smooth hover color transition on Cufon elements. I’m sharing it to everyone.

    Demo: http://bfintal.github.com/Cufon-Smooth-Hover/

    Github: https://github.com/bfintal/Cufon-Smooth-Hover

    #124677
    chrisburton
    Participant

    That’s because (1)the design of the typeface has thick strokes. (2)text faces are a bit thicker and have different curves to better render at smaller sizes. (3)Majority of Google’s webfonts are poorly optimized for the screen.

    Check out Webtype or Typekit. Cufon isn’t that widely used anymore. Nice work, though!

    #124682
    bfintal
    Participant

    Thanks! I hope people still using Cufon might benefit from this.

    I’m all for Webtype and Typekit, although since I author WP themes, (I assume) some of my buyers might be turned off with the additional cost from using them. Unfortunately for my case my only options are Google and Cufon.

    #124684
    chrisburton
    Participant

    Completely understand.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.