Processing.js: How to create links with Custom fonts

by f1lt3r on 5/12/2009, 12:46 PM with 20 comments
  • by axod on 5/12/2009, 2:18 PM

    You can't select the text, it doesn't behave like text (Can't resize it in browser), so what's the advantage over just using images?

  • by GHFigs on 5/12/2009, 3:06 PM

    Good for Processing.js, but those desiring a replacement for sIFR or @font-face will be disappointed. Every browser that supports the Canvas does or is expected to support @font-face as well, so there is no advantage there, and the required conversion to SVG only shifts the embedding rights problem one step away from the browser.

  • by Corrado on 5/12/2009, 1:41 PM

    These tricks don't work in all browsers. For example, I was completely unable to trigger it on iPhone. As 'alternate' browsers become more prevalant these tricks become more risky.

  • by uggedal on 5/12/2009, 1:45 PM

    Should have used mouseClicked() instead of mousePressed() (latter takes you to the href location before the mouse is released). Should also have used the mouseButton variable to determine if it's a left mouse click. As it stands now a right click also takes you to the target page.

  • by twism on 5/12/2009, 2:05 PM

    Is it just me or does the verbosity of the processingjs code for custom fonts bother anyone else?

  • by f1lt3r on 5/13/2009, 8:02 PM

    Updated this.

  • by TweedHeads on 5/12/2009, 3:37 PM

    Never click on a link you don't see where it takes you. You can get goatseed.

    Is it possible to show the url in the browser's status bar?