CSS help

  • Author
  • #1201638


    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.


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



    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.


    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?


    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


    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.


    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;

    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”;


    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


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



    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;

    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.