sorccu/cufon

not working period for me.

Closed this issue · 2 comments

lukejclark commented

I am using font Caecilia Com and it will not work period on any browser. What is going wrong? Please help! http://clarkitdesign.com/test/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://clarkitdesign.com/test/cufon-yui.js" type="text/javascript"></script> <script type="text/javascript" src="http://clarkitdesign.com/test/js/Caecilia_Com_55_Roman_400-Caecilia_Com_45_Light_700.font.js"></script>

.title-large {
color: #deb31c;
font-family: 'Caecilia Com';
font-size: 30px;
font-weight: 700;
text-align: left;
padding-bottom: 25px;
}

sorccu commented

Hi,

It looks like the path to your cufon-yui.js is incorrect. If you open it in a browser it returns your "Not Found" page. I think you're missing "js/" after "test/".

Also just using CSS is not enough.. you have to tell Cufón explicitly which elements to replace. Please see https://github.com/sorccu/cufon/wiki/Usage and pay attention to the part where there is Cufon.replace(). In your case you would simply have something like this:

<script type="text/javascript"> Cufon.replace('.title-large'); </script>

.. obviously assuming that is the only thing you want to replace. If you want to replace more thing you have to add another replace call for that.

I'm going to close this ticket for now as there seems to be no reason to suspect a bug here, but please let me know whether you got it working anyway :)

Simo

lukejclark commented

Thank you! I had the "js/" in there originally but it needed: <script type="text/javascript"> Cufon.replace('.title-large'); </script>

Adobe Calson was working fine without that script, but it wasn't working with Caecilia. Thank you so much for the help!