Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #19523

    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

    #104025

    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

    #104027

    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

    #104028

    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

    #104029

    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

    #104030

    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

    #104031

    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

    #104032

    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

    #104033

    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

    #104034

    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

    #104035

    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

    #104036

    Great thanks Nick – I’ll have a play ;-)

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Fonts for Headings’ is closed to new replies.