Comments on: Cufonize Your Pages – How to add Cufon to your Web Design http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/ Web Design and Development in La Crescenta California Thu, 11 Mar 2010 17:57:14 +0000 hourly 1 By: Michael Montgomery http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-2096 Michael Montgomery Wed, 23 Dec 2009 15:31:01 +0000 http://fearlessflyer.com/?p=781#comment-2096 Thanks for this very useful "Fool-proof" tutorial. I have a client that asked me some questions around text replacement techniques, I'm going to give him your link so he can read for himself. By the way I share your sentiments about WooThemes, I might be biased as I'm a beta tester for them :) Cheers Thanks for this very useful “Fool-proof” tutorial. I have a client that asked me some questions around text replacement techniques, I’m going to give him your link so he can read for himself.

By the way I share your sentiments about WooThemes, I might be biased as I’m a beta tester for them :)

Cheers

]]> By: jeet http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-1130 jeet Fri, 06 Nov 2009 11:25:55 +0000 http://fearlessflyer.com/?p=781#comment-1130 hi thanks for quik response. but some problem. i am using this code..but not getting any changes. Cufon.replace(’h3.subtitle’, { textShadow: ‘2px 2px #666′, fontSize: ‘17px’, color: ‘-linear-gradient(#fff, 0.2=#fff, 0.5=#fff, #fff)’, hover: { textShadow: ‘2px 2px #9d9d9d’, color: ‘-linear-gradient(#d4d4d4, white)’ } }); hi thanks for quik response.
but some problem.

i am using this code..but not getting any changes.

Cufon.replace(’h3.subtitle’, {
textShadow: ‘2px 2px #666′,
fontSize: ‘17px’,
color: ‘-linear-gradient(#fff, 0.2=#fff, 0.5=#fff, #fff)’,
hover: {
textShadow: ‘2px 2px #9d9d9d’,
color: ‘-linear-gradient(#d4d4d4, white)’

}
});

]]> By: jeet http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-1069 jeet Wed, 04 Nov 2009 16:02:12 +0000 http://fearlessflyer.com/?p=781#comment-1069 hi thanks for quik response. but some problem. i am using this code..but not getting any changes. Cufon.replace('h3.subtitle', { textShadow: '2px 2px #666', fontSize: '17px', color: '-linear-gradient(#fff, 0.2=#fff, 0.5=#fff, #fff)', hover: { textShadow: '2px 2px #9d9d9d', color: '-linear-gradient(#d4d4d4, white)' } }); Community hi thanks for quik response.
but some problem.

i am using this code..but not getting any changes.

Cufon.replace(‘h3.subtitle’, {
textShadow: ‘2px 2px #666′,
fontSize: ‘17px’,
color: ‘-linear-gradient(#fff, 0.2=#fff, 0.5=#fff, #fff)’,
hover: {
textShadow: ‘2px 2px #9d9d9d’,
color: ‘-linear-gradient(#d4d4d4, white)’

}
});

Community

]]> By: Michael Soriano http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-1068 Michael Soriano Wed, 04 Nov 2009 15:56:31 +0000 http://fearlessflyer.com/?p=781#comment-1068 - You target the elements by using plain javascript or jquery selectors. I find the jquery way to be easier. For example. Say you want to cufonize all the h3 titles in your page with a class of "sub-title", you tell the script: cufon.replace('h3.subtitle') - You target the elements by using plain javascript or jquery selectors. I find the jquery way to be easier.

For example. Say you want to cufonize all the h3 titles in your page with a class of “sub-title”, you tell the script: cufon.replace(‘h3.subtitle’)

]]> By: jeet http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-1066 jeet Wed, 04 Nov 2009 15:40:45 +0000 http://fearlessflyer.com/?p=781#comment-1066 just i want to know how to apply "id" and "class" in cufon. please give in brief and also example sitor url. just i want to know how to apply “id” and “class” in cufon.

please give in brief and also example sitor url.

]]> By: Michael Soriano http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-855 Michael Soriano Wed, 28 Oct 2009 18:19:37 +0000 http://fearlessflyer.com/?p=781#comment-855 Right on! the Museo_300 font is a beautiful font. Good job! Right on! the Museo_300 font is a beautiful font. Good job!

]]> By: Jeremy http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-854 Jeremy Wed, 28 Oct 2009 17:15:28 +0000 http://fearlessflyer.com/?p=781#comment-854 Great article! I'm using the WP-Cufon plugin (http://www.tobias-battenberg.de/wp-cufon/) on two Wordpress sites. Pretty good, but not flawless. There is a slight delay when the page loads for the font to show up and the "hack" doesn't seem to cover it. I also had trouble with it working on the home page and other pages as the theme I was using coded them differently. `Cufon.replace('#site-title', { fontFamily: 'Avalon' }); Cufon.replace('#site-description', { fontFamily: 'Avalon' });` Doing this three months ago (wishing for an article like this one) I had trouble converting the font to js I think it was. I had to do it a couple of times to get it right. This site is almost done and you can see the use of a free Museo_300 font: http://lightonsolutions.com/ I'll post the other example site when it is finished. :) Thanks again for the article. Great article!

I’m using the WP-Cufon plugin (http://www.tobias-battenberg.de/wp-cufon/) on two Wordpress sites. Pretty good, but not flawless. There is a slight delay when the page loads for the font to show up and the “hack” doesn’t seem to cover it. I also had trouble with it working on the home page and other pages as the theme I was using coded them differently.

`Cufon.replace(‘#site-title’, { fontFamily: ‘Avalon’ });
Cufon.replace(‘#site-description’, { fontFamily: ‘Avalon’ });`

Doing this three months ago (wishing for an article like this one) I had trouble converting the font to js I think it was. I had to do it a couple of times to get it right.

This site is almost done and you can see the use of a free Museo_300 font:
http://lightonsolutions.com/

I’ll post the other example site when it is finished. :)

Thanks again for the article.

]]> By: Free PSD - Argyle's Drudge - Grungy Blog Design Layout | Fearless Flyer Web Design http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-836 Free PSD - Argyle's Drudge - Grungy Blog Design Layout | Fearless Flyer Web Design Mon, 26 Oct 2009 03:51:50 +0000 http://fearlessflyer.com/?p=781#comment-836 [...] The pale blue watercolor splash background is courtesy of my mysitemyway.com. The beautiful hand sketched fonts is known as “Fail Font” and can be downloaded from DaFont.com. Note that since “Fail Font” is free – it’s the perfect opportunity to use Cufon in your coding. Cufon is the technology that enables you to use any kind of font in your pages (read article). [...] [...] The pale blue watercolor splash background is courtesy of my mysitemyway.com. The beautiful hand sketched fonts is known as “Fail Font” and can be downloaded from DaFont.com. Note that since “Fail Font” is free – it’s the perfect opportunity to use Cufon in your coding. Cufon is the technology that enables you to use any kind of font in your pages (read article). [...]

]]> By: 8207h32 http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/#comment-832 8207h32 Sun, 25 Oct 2009 13:18:02 +0000 http://fearlessflyer.com/?p=781#comment-832 I have plan to try cufonize shortly and just see your great article. Thanks for share. I have plan to try cufonize shortly and just see your great article. Thanks for share.

]]>