Image Text Replacement Block

Permalink
I have a suggestion. I would like there to be an image replacement block so that it is possible to replace titles and subtitles in plain old font with a fancier graphic-based text.

This is along the lines of Flir
(http://facelift.mawhorter.net/learn-more/)
and Drupal's Signwriter (http://drupal.org/project/signwriter) and CMSMadeSimple's TryuetypeText (http://dev.cmsmadesimple.org/projects/truetypetext). I've used these successfully on my websites.

rickb
 
teknojunkey replied on at Permalink Reply
teknojunkey
i have been using cufon on several sites

add this to your theme header ...

<!--links to the cufon script and the font -->
<script src="<?php echo $this->getThemePath ()?>/elements/cufon.js" type="text/javascript"></script>
<script src="<?php echo $this->getThemePath ()?>/elements/your font here.js" type="text/javascript"></script>

<!--add the elements you want to replace bellow .. -->

<script type="text/javascript">
Cufon.replace('h1', {color: '#DE0D85',textShadow: '1px 1px white',});
</script>

it uses the canvas element and VML not flash to embed the font so there may be licence restriction for the fonts .. i would check this just in case !
jbx replied on at Permalink Reply
jbx
Yeah, I hjave spent sooo much time playing with font replacement techniques! @font-face looked like it would solve all my problems, but I found it to be rather sketchy in its support of a lot of fonts. Sometimes it just wouldn't work at all and sometimes the conversion to eot was messed up. Cufon is great, but the text is not selectable. I finally shelled out for a subscription to typekit and $100 / year. It's great! Big font collection and they work like a dream :) Google font api is also good (and free!), but hardly any fonts :(

I suppose I could build a Cufon block for the marketplace, however, the user still needs to go to Cufon to create their .js font. All it would really do is add header elements and wrap the text. Hardly seems worth having a block for. As teknojunkey mentioned, I just add it to h1 tags usually...

Jon
teknojunkey replied on at Permalink Reply
teknojunkey
i have fond cufon to be the easiest to use , and as far as i can tell the text is selectable, its not great but it works in ie6-8 safari chrome ... FF also selects the text but there is no highlight when you select the text so its kind of pointless ... copy paste works all the same.

Rickb
Im using it on this dev site with multiple selectors if your interested in how to implement it ..
http://dev.crocodile-communication.com/candy/...