question about css and font

Community Forums Forums Design Tips and Tricks question about css and font

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 4 voices, and was last updated by  Chrys 6 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #103061

    Chrys
    Member
    Post count: 36

    Hi,

    I am learning things by myself and there is something about font I cannot figure out.
    I read everywhere things about adding a font to a theme and the font needs to be declared in the header.
    But is let’s say I want to change the font of my nav bar with the font Bebas. If I use firebug, I find
    .genesis-nav-menu {
    font-family: Lato, sans serif;

    if I change with
    .genesis-nav-menu {
    font-family: bebas, sans serif;

    I can see it works.
    So my question is, do I just need to change my css and write betas instead of Lato or do I need to declare betas somewhere in the theme??
    I don’t understand this point..If someone could help me on that, that would be great!

    Kind regards

    Chrys

    #103075

    Susan
    Moderator
    Post count: 9406

    Chrys:

    You need to declare the font in your theme (if it’s not a “standard” font). Depending on the theme you have, you would either add it to your functions.php file, or your CSS file. Also, you may need to add the font to your theme’s folders on your hosting site (for example, if it’s not a Google font)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #103076

    joey
    Participant
    Post count: 10

    Hi
    you have to install the font and than set your css, so your best bet is to use font face

    http://www.fontsquirrel.com/tools/webfont-generator

    or use google fonts and there are some genesis tuts on how to get google fonts in your Genesis theme.
    Just look around its not too difficult.

    For Bebas you will need font face or even type kit..
    I think type kit is easier because I think if I remember right they do most of it for you..
    I think.. :)

    #103106

    braddalton
    Participant
    Post count: 10563
    #103191

    Chrys
    Member
    Post count: 36

    Hi,

    Thank you all for these answer!
    I was a bit confused because I saw different method on different theme and with genesis I didn’t understand the @import for google fonts, I get it now!

    As for fonts that are not from google thanks susan and Joey! I understand it doesn’t work the same way.

    I’ll practice now ;-)

    Kind regards

    Chrys

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

You must be logged in to reply to this topic.