Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #3573

    Hi,

    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!

    #42809

    Hey,

    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: http://www.kriesi.at/support/topic/cufon#post-83 to implement it.

    #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).

    #42811

    Aha, I apologise, I realised I’d have to remove the actual title and create a new one. Many thanks, solved!

    #42812

    Glad that I could help you :)

    #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…)

    #42814

    The best way is to use a class in style.css

    I.e. create a class

    .helvetica75{
    font-family: Helvetica....
    }

    and add this class to the span like:

    <span class="helvetica75">My content</span>

    #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…

    #42816

    Hey,

    Change:

    .helvetica75 {
    font-family: Helvetica....
    }

    to:

    .helvetica75 {
    font-family: "Helvetica", sans-serif;
    }

    or:

    .helvetica75 {
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    }

    if you want to use Helvetica Neue (where installed) because it looks nicer :)

    James

    #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!

    #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…

    #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.

    #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.

    #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 :)

    #42822

    Glad that I could help you :)

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

The topic ‘Change heading font and multiple heading styles?’ is closed to new replies.