Hello,
My website is eduardogea.com, I'm a singer and writer. I bought the Specialize template yesterday and I'm trying to personalize it a bit. I love the template appearance but I preffer to use Cufon fonts instead of Google fonts. I know how to use Cufon, but I don't know how to disable the Google fonts before.
I want to use it in h1, h2, h3 and #hornav but I can't find where the main Google call is.
Can you help me?
Thank you in advance!
- ziggy
- Commercial Templates
- Thursday, 29 November 2012
- Subscribe via email
Hi eduardogea
Google fonts are called within the templates styles.php located at ../templates/j51_specialize/php/styles.php. For example if you wish to remove the h2 styling you would remove the following from this file...
Once removed you can then add your cufon font as normal between the <head> tags of the templates index.php (../templates/j51_specialize/index.php)
Ciarán
Google fonts are called within the templates styles.php located at ../templates/j51_specialize/php/styles.php. For example if you wish to remove the h2 styling you would remove the following from this file...
<?php if(($articlehead_fontstyle == "Arial") || ($articlehead_fontstyle == "Courier") || ($articlehead_fontstyle == "Tahoma") || ($articlehead_fontstyle == "Garamond") || ($articlehead_fontstyle == "Georgia") || ($articlehead_fontstyle == "Impact") || ($articlehead_fontstyle == "Lucida Console") || ($articlehead_fontstyle == "Lucida Sans Unicode") || ($articlehead_fontstyle == "MS Sans Serif") || ($articlehead_fontstyle == "MS Serif") || ($articlehead_fontstyle == "Palatino Linotype") || ($articlehead_fontstyle == "Tahoma") || ($articlehead_fontstyle == "Times New Roman") || ($articlehead_fontstyle == "Trebuchet MS") || ($articlehead_fontstyle == "Verdana")) : ?>
<style type="text/css">h2{font-family:<?php echo ($articlehead_fontstyle); ?> }</style>
<?php elseif(($articlehead_fontstyle != "Arial") || ($articlehead_fontstyle != "Verdana") || ($articlehead_fontstyle != "Tahoma") || ($articlehead_fontstyle != "Century Gothic")) : ?>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $articlehead_fontstyle ?>" />
<style type="text/css">h2{font-family:<?php echo ($articlehead_fontstyle); ?> }</style>
<?php endif; ?>
Once removed you can then add your cufon font as normal between the <head> tags of the templates index.php (../templates/j51_specialize/index.php)
Ciarán
- more than a month ago
- Commercial Templates
- # 1
Aw.... Ok, I've removed the Google fonts for h1, h2, h3 and #hornav but now Cufon isn't working
. I know this is not your problem, but if you can help me doing this I'd be very thankful
I've done:
1. Copy the "cufon-yui.js" in .../j51_specialize/js
2. Copy the font "Heroic_400.font.js" in .../j51_specialize/js
3. Embed the code on index.php between <head></head> like this:
I've almost copy a jquery.js just in case... :unsure: Can you tell me what I'm doing wrong?
Thank you!!


I've done:
1. Copy the "cufon-yui.js" in .../j51_specialize/js
2. Copy the font "Heroic_400.font.js" in .../j51_specialize/js
3. Embed the code on index.php between <head></head> like this:
<head>
<jdoc:include type="head" />
<?php include (nexus.DS . "php/styles.php");?>
<?php include (nexus.DS . "php/scripts.php");?>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/Heroic_400.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h3, #hornav');
</script>
<?php echo ($head_custom_code); ?>
</head>
I've almost copy a jquery.js just in case... :unsure: Can you tell me what I'm doing wrong?
Thank you!!
- more than a month ago
- Commercial Templates
- # 3
It seems to work (the h's lose their previous format, the #hornav don't) but it don't recognize the font-family...
Any idea?
Any idea?
- more than a month ago
- Commercial Templates
- # 4
Have you since amended this issue?.. your hornav is loading the 'Heroic' font-family on this end.
Ciarán
Ciarán
- more than a month ago
- Commercial Templates
- # 5
Ciarán, I'm sorry but I'm spanish and my english is a bit limited. I don't understand what do you mean with your last post :blush: Do you mean it's ok there?
I've just added the CSS code of your last reply into the Custom Css field and it doesn't seem to be working. What I'm missing?
P.D. I'll have to go to Ireland to buy you a beer
Update: I'm going forward with another font, it seems to be a Heroic problem. Thank you for all!
I've just added the CSS code of your last reply into the Custom Css field and it doesn't seem to be working. What I'm missing?
P.D. I'll have to go to Ireland to buy you a beer

Update: I'm going forward with another font, it seems to be a Heroic problem. Thank you for all!
- more than a month ago
- Commercial Templates
- # 6

If you could forward FTP access to your Joomla installations template folder to info@joomla51.com we'd be happy to have a look for you.
Ciarán
- more than a month ago
- Commercial Templates
- # 7
I've ameded your code slightly useing the following with your Franchise font adding it to the templates ../php/scripts.php rather than the index.php
Appears to work fine for your Franchise font however I had no luck with the Heroic font which might point to an issue with your Heroic_400.font.js
Ciarán
<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/Franchise_400.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h2 a:link, h2 a:visited, .content_header, .articleHead h3, #hornav ul a, #hornav .separator, .module .module_header h3, .module h3, .module_menu .module_header h3');
</script>
Appears to work fine for your Franchise font however I had no luck with the Heroic font which might point to an issue with your Heroic_400.font.js
Ciarán
- more than a month ago
- Commercial Templates
- # 9
Perfect! Then, if I want to try with another font... Have I to change only the index.php code, or there is another code to amend?
- more than a month ago
- Commercial Templates
- # 10
All going well you should just have to change the name of the font script been called within the cufon code which is now in your templates scripts.php (../php/scripts.php)and upload your font script to ../js
Ciarán
Ciarán
- more than a month ago
- Commercial Templates
- # 11
Ok, it was a Cufon "Limit usage to the following domain(s)" problem. Now Heroic font is ON! I'll upload a link when the web is finished 
Thank you for all your kindness and patience!

Thank you for all your kindness and patience!
- more than a month ago
- Commercial Templates
- # 12
Hi Ciarán,
I'm still working on the template and it grows step by step. Now I've realised that the hover effect on #hornav, h2, h3... has disappeared since we fixed the google-to-cufon code problem.
I've been looking into the code and all the hover codes are there and working.
Do you know what can it be?
Cheers!
I'm still working on the template and it grows step by step. Now I've realised that the hover effect on #hornav, h2, h3... has disappeared since we fixed the google-to-cufon code problem.
I've been looking into the code and all the hover codes are there and working.
Do you know what can it be?
Cheers!
- more than a month ago
- Commercial Templates
- # 13
I believe by default :hover is disabled with the Cufon script. To turn it on try adding the following in a line berfore the closing </script> tag of your cufon code.
Ciarán
Cufon.replace('element', {hover: true});
Ciarán
- more than a month ago
- Commercial Templates
- # 14
That's it
I had to use a little different code for the #hornav mess, but it's working. Thanks!
The code used (if someone wants it)

The code used (if someone wants it)
<script type="text/javascript">
Cufon('#hornav li.active a', {
hover: { color: '#D5CFBC'},
color: '#675a57',
fontFamily: 'Old',
});
Cufon('#hornav li a', {
hover: { color: '#D5CFBC'},
color: '#d5d5d5',
fontFamily: 'Old',
});
Cufon.replace('#hornav li', {
color: '#d5d5d5',
fontFamily: 'Old',
});
Cufon.replace('#hornav li.active a', {
color: '#675a57',
fontFamily: 'Old',
});
</script>
- more than a month ago
- Commercial Templates
- # 15
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »