CSS help

southpacificengagement · Member · Mar 29, 2013 at 4:18 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Mar 29, 2013 at 4:26 am
Copy link
Go to appearance > custom design > fonts and you can change it there. No need to dig into the CSS for this.
southpacificengagement · Member · Mar 29, 2013 at 4:33 am
Copy link
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.
thesacredpath · Member · Mar 29, 2013 at 4:53 am
Copy link
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?
southpacificengagement · Member · Mar 29, 2013 at 5:12 am
Copy link
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
southpacificengagement · Member · Mar 29, 2013 at 5:21 am
Copy link
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.
thesacredpath · Member · Mar 29, 2013 at 5:24 am
Copy link
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;
}
```
southpacificengagement · Member · Mar 29, 2013 at 5:49 am
Copy link
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”;
}
southpacificengagement · Member · Mar 29, 2013 at 6:03 am
Copy link
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
thesacredpath · Member · Mar 29, 2013 at 2:19 pm
Copy link
Which font? In the site title or in the body text for pages and posts?
siobhyb · Member · Mar 31, 2013 at 5:04 pm
Copy link
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;
}
```
southpacificengagement · Member · Apr 29, 2013 at 5:16 am
Copy link
Belated thank you both of you, thesacredpath and siobhyb. I am appreciated for your time and help.

No items found.