Fonts for Headings « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Avisio

Fonts for Headings

12 posts from 2 voices

Started 4 months ago by MarcG5
Latest reply from MarcG5
This topic is closed
This topic is not a support question

Tags:

No tags yet.

MarcG5
Member

Hi all,

I'm looking at changing the font typeface that is currently used for H1, H2, H3 etc to match the one that is used for default text on my site. Any ideas where I can find the code to change it?

I checked style.css and got mixed results when changing some of the fonts but nothing seemed to affect the Header fonts.

Thanks
Marc

Posted 4 months ago #
MarcG5
Member

Quick update. My headers are set to 'Molengo' in the Avisio options section but I'm not too sure what the defualt text font is. So I'm just looking at getting both headers and text fonts to be the same.

All help is appreciated !

Cheers
Marc

Posted 4 months ago #
Nick
Moderator

Hi,

Can you delete and reinstall this plugin please: cf7-calendar

It is inserting code with missing file names which causes errors that snowball

http://marcgodfreeweddings.co.uk/wp-content/plugins/cf7-calendar/inc/js/lang/.js
http://marcgodfreeweddings.co.uk/wp-content/plugins/cf7-calendar/inc/css/.css

Thanks,

Nick

Posted 4 months ago #
MarcG5
Member

Thanks nick,

I've deleted that plugin as CF7-calendar isn't being used anymore due to a recent change. Having said that I'm still seeing the same problem. Any thoughts?

Thanks again
Marc

Posted 4 months ago #
Nick
Moderator

Hi,

I am sorry , I wrote an addendum to that post after I realized that my answer was off topic though relevant for your site and must have never saved it. Weird. Sorry about that...

Your primary font is Arial ( Arial, Helevtica, Verdana, san-serif ) , the one used in paragraphs. And you have cufon enhanced titles. So what you would need to do is change the 'Molengo' to Arial... I will boot up my local copy of the theme and see what the fonts are... Though you said you had no preference, that is what you want , correct? or do you want the whole thing to be Molengo?

Thanks,

Nick

Posted 4 months ago #
MarcG5
Member

Hi Nick,

Thanks for pointing out the plugin issue off topic or not, thats one less issue to look at ;-) so thanks again.

I am looking at a consistent font across the site and haven't made up my mind whether Arial or Molengo is the way to go. I don't have Arial in the Avisio Heading Font options so can't see how it would look on my site. Likewise I'm not 100% sure how to set the paragraph fonts to Molengo.

Thanks again for your help
Marc

Posted 4 months ago #
Nick
Moderator

Hi,

OK sorry for the delay. My computer passed on.

Ok. I made for you a cufon Arial, and pasted it here. ( http://pastebin.com/GJqN2Tea ) Just select and copy that chunk of code, and open up notepad, paste, and save as arial.font.js

You will need to connect to your website via FTP and drop the file you created in the fonts folder which is right inside the theme.

Now when you go to the back end you hopefully would have Arial as one of the names of the fonts.

Thanks,

Nick

Posted 4 months ago #
MarcG5
Member

Hi Nick,

Thanks for the post and for creating the Arial Font. I've followed your instructions and added the font but this does not show up in the Avisio options for the font choices.

I copied the cufon front to Avisio/framework/fonts - I'm sure that is correct.

Thanks
Marc

Posted 3 months ago #
Nick
Moderator
Hi,

Sorry about that.

1) You can either rename the Arial font file to be called Molengo
or
2) You can edit options.php located in theme_options folder and paste the 2 lines below over line 47
```
"subtype" => array(	'Arial'=>'arial',
'Cantarell'=>'cantarell',
```
Please make sure that the arial font file is called arial.font.js , all lowercase.

Thanks,

Nick
Posted 3 months ago #
MarcG5
Member

Thanks nick,

This worked a treat ;-)

Can I be cheeky and ask how to set everything to Molengo - I'd be interested to compare the two different font/looks?

Many Thanks
Marc

Posted 3 months ago #

Nick
Moderator

Hi,

You may want to look on this page to see what fonts google thinks go with molengo. http://www.google.com/webfonts/specimen/Molengo#pairings

This will require you to add the block of javascript to the header.php file... anywhere before the </head> tag

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Molengo::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

Also add this to custom.css or quick css.

body {
font-family: 'Molengo', sans-serif;
}

if that dont work, then you will need to edit style.css , line 59 and just manually replace the font-family name with the Molengo name above the same way I have it .

Thanks,

Nick

Posted 3 months ago #

MarcG5
Member

Great thanks Nick - I'll have a play ;-)

Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Fonts for Headings

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…