March 22, 2011 at 1:27 pm #3573
In a previous post I asked how to change the heading font colour and boldness, which is great, and works fine. Is there a way to have a heading be bold in some places and not bold in others?
My heading is “DESIGN | create | INNOVATE” Where caps represents where I want boldness, and lowercase is normal. Is this possible?
Also, Can I change the heading font to one not in the habitat list? I want to use Helvettica bold (75) but it’s not on the list…
Thanks!March 23, 2011 at 5:55 am #42809
it’s possible if you use spans with font-size or weight attributes. I.e. like:
<h1><span style="font-weight:bold">DESIGN |</span><span style="font-weight:400">create</span><span style="font-weight:400"> | INNOVATE</span></h1>
If you’ve a license for Helvetica (commercial font!) you can follow the instructions here: https://kriesi.at/support/topic/cufon#post-83 to implement it.March 23, 2011 at 9:39 am #42810
Hi, I’m a tad confused as to where I would put the code you’ve given me, as there’s no place to alter the code of the headings in wordpress…? (it’s the actual title of the page).March 23, 2011 at 9:42 am #42811
Aha, I apologise, I realised I’d have to remove the actual title and create a new one. Many thanks, solved!March 23, 2011 at 10:00 am #42812March 23, 2011 at 2:39 pm #42813
Ah, quick second part to that question. I checked, and we definatly have a helvetica license, and we actually have two helvetica fonts. My boss wants DESIGN and INNOVATE to use the font I just managed to install (helvetica 75) but he wants create to be our other helvetica font. I understand I’d have to add that one to my wordpress site like before, but after that how would I add it to the spans? (as I have had some serious arguments with css fonts already…)March 23, 2011 at 2:51 pm #42814
The best way is to use a class in style.css
I.e. create a class
and add this class to the span like:
<span class="helvetica75">My content</span>March 24, 2011 at 9:35 am #42815
Sorry, I’m obscenely bad with anything font related! on the first piece of code, what do you mean by font-family:helvetica……? I feel like I should really be able to work this one out…March 24, 2011 at 11:44 am #42816
font-family: "Helvetica", sans-serif;
font-family: "Helvetica Neue", "Helvetica", sans-serif;
if you want to use Helvetica Neue (where installed) because it looks nicer :)
JamesMarch 24, 2011 at 12:26 pm #42817
Grand, thankyou. So even if I dont have neue installed on my wordpress, it’ll display? That’d be cool if t were right, so I hope it is! Anyway, thanks very much!March 24, 2011 at 2:02 pm #42818
Ah ha…no, wait…no ah ha.
I’m confused. I have a folder of fonts my company has the license to, and there’s something like 20 or 30 neue’s alone…How do I differentiate between them in that way?
Also, do you mean I have to install the font on the site like I did the last time? As it wouldn’t let me add one, so I already had to replace one…March 24, 2011 at 3:31 pm #42819
Absolutely anything I change in the css class is having absolutely no effect to the heading at all…
I’ve veen just tried making it font size 2px just to check it, but no luck. Nothing seems to be affecting it at all, except whats actually called within the span, and the helvetica75 command isn’t being activated.March 25, 2011 at 7:06 am #42820
Stupid me – we run into problems here. Cufon replaces all h1 headlines automatically so you would need to remove the h1 tag from your headline and use a span instead. But this affects your seo (because h1 headlines have priority) so doing this wouldn’t be clever. All css font properties are useless because cufon will replace your heading anyway. Conclusion: You can’t use Helvetica in the headline without implementing a second cufon font. A second cufon font will however increases your website size (dramatically) and increases loading times. Another drawback is that I can’t help you implementing the second font because it’s beyond the scope of this support forum.March 25, 2011 at 10:01 am #42821
Ah, fair enough. To be honest I’m just happy to be escaping the land of fonts! Thanks very much for the help anyway :)March 27, 2011 at 8:27 am #42822
The topic ‘Change heading font and multiple heading styles?’ is closed to new replies.