CSS help

  • Author
    Posts
  • #1201638

    Hi

    I have custom design upgrade and I would like to change the font style to my site title

    The font name I choose is Le Havre and the Typekit Kit ID is rrw2tjd.

    The problem is I know nothing about CSS. I would be appreciate for the advice. Thank you

    The blog I need help with is southpacificengagement.com.

    #1201731

    Go to appearance > custom design > fonts and you can change it there. No need to dig into the CSS for this.

    #1201738

    thesacredpath,

    In the fonts in site title list (swich to standard)
    there is no this font “Le Havre” in there. So how can I change it. I still not understand.

    #1201753

    Hmmm, I had thought the entire Typekit library was available to us here, but apparently not. You can use the advanced mode, but then you would also have to pay for a separate subscription at Typekit.

    Do you have a subscription at Typekit?

    #1201761

    I use a Trial Plan. I read that this trial can use 2 fonts per site. I am not sure do I have to purchase this font.

    Advance mode?? I read about this but I am not sure about the CSS code for html. I wish you can give me a correct html code.

    Thank you thesacredpath

    #1201767

    oops! miss to read your sentence that so I have to pay for this ‘Le harve’ font. Oh wow not thing is simple and free anymore.
    I am not sure to to but anyway thank you again for your help.

    #1201771

    Did you get an ID number from Typekit? If so, it has to be entered in the advanced section. That has to be done and you have to create a “kit” at Typekit. This is the CSS, but without the Typekit ID, you won’t be able to use that font I don’t think. Replace “font-name” with the font you want to use. Note that many times the font name is not what has to be put into the “font declaration below. It can be something far less descript.

    #site-title {
    font: font-name;
    }
    #1201773

    sounds it is work now.
    I check that I must add word family after font. I am very scare to do this CSS. Thank you very much thesacredpath for the best guideline. :)

    #site-title {
    font-family: “le-havre”;
    }

    #1201780

    Can I ask one more question?
    If I would like to change font to Italic and font-weight = 700
    how to adjust in CSS?
    thank you

    #1201852

    Which font? In the site title or in the body text for pages and posts?

    #1201916

    siobhyb
    Staff

    Assuming you want to change the font in the site title, you need to add font-style and font-weight declarations to your code:

    #site-title {
    font-family: "le-havre";
    font-style: italic;
    font-weight: 700;
    }
    #1201966

    Belated thank you both of you, thesacredpath and siobhyb. I am appreciated for your time and help.

The topic ‘CSS help’ is closed to new replies.