Cufón / Flir / sFIR blocks

Permalink
I'm trying to implement a block type where you can add for example an h1 with a class="sifr-replace" for example and it replaces with the embedded font of in this case the sifr plugin (embedded flash font).
But maybe when I add a H1 title I also want to choose between the 3 types of font embedding (Cufon / Facelift / sFLIR ).

Maybe then there will be no more need to use the WYSIWYG editor but just use block types for different types of typefaces... (head-title, subtitle, short-text ... etc..).

If someone already works on this maybe we can bundle or strengths.

View Replies:
Tony replied on at Permalink Reply
Tony
I was hoping someone would make up a block like this, although I don't really see the need for using all three libraries. You should definately submit it to the marketplace once you're done btw.
shenn replied on at Permalink Reply
My main problem for some end-users would be that flash would be disabled in some businesses browsers. So for intranet purposes there would be an option to use cufon or facelift instead.

Also performance issues can also be the reason to select between them. Or for example the requirement to select the text.
(in this case use the flash or for some browsers the cufon.)

But i'm still thinking of a automatic detection of these requirements or let the user select it in the adding process.
dgaussin replied on at Permalink Reply
dgaussin
Exactly what I need for my next project. So... any update on that ? ;)
donclark replied on at Permalink Reply
donclark
I searched on this site and found this links:
http://www.concrete5.org/index.php?cID=6114...
http://cufon.shoqolate.com/generate/...
I didnt find any detailed support or examples of this in use, but Im sure we shall see it soon. Too nice an option to avoid.
donclark replied on at Permalink Reply
donclark
I have it running on a site Im working on. I put the following code in the header.php file. You will also need to put the 2 .js files in your theme root directory (borders_360.font.js is the font Im using, create your font here:http://cufon.shoqolate.com/generate/... ). Then, if you add any text with the html code <h1>, it will display as your embedded cufon font.

<!-- cufon font trick http://wiki.github.com/sorccu/cufon/usage/... /-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="themes/saltpepper/cufon-yui.js" type="text/javascript"></script>
<script src="themes/saltpepper/borders_360.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
argvader replied on at Permalink Reply
argvader
I started a sIFR block a while back but gave up on it because of the flash setup part. I never heard of Cufon, but i wish i did.

Thanks for a new technology :)
c5mix replied on at Permalink Reply
c5mix
Not sure why you'd need a block for this, just implement Cufon within the theme. That's what I did and it works great.
Wertti replied on at Permalink Reply
Wertti
Hi,

I know that young finnish guy who created Cufon and if there's some questions about modifying Cufon, I can ask some "inside" tricks or tips from him. Just email me.

I know that he is very busy with the Cufon and other projects and I hope that questions are not "how do I install Cufon" etc. But if there is some larger projects, of course I'm trying to help. I own this for Concrete community and Concrete5. It's qreat CMS! :)

There's few small bugs in Cufon. It doesn't work in older Operas' and it's little bit of tricky copy text from website. There will be some improvements to copying text in this year.

With Sifr, it's not recommended to create navigations but with Cufon, go ahead! Cufon text can be also scalable, gradient colors etc.

In this website (www.dialogi.fi) we (actually that Cufon guy) made navigations with Cufon and also font scalability works nice.

Hope, that I can help somebody to create more beautiful websites with the Cufon. :)
craftyCS replied on at Permalink Reply
craftyCS
Hi I have managed to implement Cufon fine but don't get any rollover highlighting from it.

I have implemented it as per the Docs but not sure why the rollovers are not working any ideas?..
Here's my code
<script type="text/javascript">
         Cufon.replace('#wrap #menu a', {
            hover: true,
            hoverables: { strong: true, em: true }
         });         
         Cufon.replace('h1', {
            hover: true,
            hoverables: { strong: true, em: true }
         });
         Cufon.replace('h2')
         Cufon.replace('h3')
         Cufon.replace('h4')
</script>


any help would be appreciated
craftyCS replied on at Permalink Reply
craftyCS
Sorry forgot to say this is on an aut-nov heaver nav block
Wertti replied on at Permalink Reply
Wertti
<script type="text/javascript"> 
   Cufon.set('hover', true);
        Cufon.replace('#wrap > #menu > a');             
        Cufon.replace('h1');
        Cufon.replace('h2'); 
        Cufon.replace('h3'); 
        Cufon.replace('h4'); 
</script>