Change body font to same font as menu font

  • Alice Todd

    (@alice-todd)


    9 years, 8 months ago

    Hello,
    I am trying to change the body font on my site http://www.swimquest.uk.com to a similar font use in the MENU headers (not all caps though).

    I have managed to change the font to arial by adding in the below CSS, however it would be great if you could let me know how I can neaten up the site and match it even more closely with the menus.

    Thanks,
    Alice

Viewing 3 replies - 1 through 3 (of 3 total)
  • simonsiah

    (@simonsiah)

    9 years, 8 months ago

    Hi Alice, I am building my site at the moment and yours is great! really gave me some inspirations. Can you give me some tips on how you added the additional thumbnails at the bottom of the page? also which CSS did you change the font type?

    Thread Starter Alice Todd

    (@alice-todd)

    9 years, 8 months ago

    Hi Simon – thanks!
    I have changed the font via the Plugin ‘EASY GOOGLE FONTS’
    http://wordpress.org/plugins/easy-google-fonts/
    it seems quite straightforward to use, and the CSS I tried wasn’t working too well – although I’m sure it’s possible. This page is quite useful:
    http://codex.wordpress.org/Playing_With_Fonts

    Re the additional thumbnails – do you mean the newsletter box?

    Moderator Kathryn Presner

    (@zoonini)

    9 years, 8 months ago

    The menu font is Open Sans Condensed. The Fount bookmarklet lets you quickly identify any web font.

    To apply it to your post and page entry content, try adding this to your custom CSS:

    .entry-content {
font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 120%;
}

    I increased the size because the text appears too small otherwise – you can adjust it as you like, of course.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change body font to same font as menu font’ is closed to new replies.

Tags