• Hello

    I’m setting up WordPress for my wife, porting her over from blogspot where she was using a font called calligraffiti for blog and post titles which I’m trying to emulate in TwentyTen…I think I should be able to do so by editing the CSS but had a look through the file and can’t figure out how to style the relevant heading.

    Any help appreciated.

    Thanks!

    Nick

Viewing 7 replies - 16 through 22 (of 22 total)
  • Thread Starter MrNickSheppard

    (@mrnicksheppard)

    Thanks. Getting closer I think…however, assuming I’ve done everything else correctly and though I just about understand the principles of CSS, I’m not sure how to style the elements I’m after…which are <h1 id="site-title"> and <h2 class="entry-title">

    I tried this which does seem to have some effect on the font though not the desired one:

    /*
    Theme Name:     Twenty Ten Child
    Theme URI:      https://www.ads-software.com/extend/themes/twentyten
    Description:    Child theme for the Twenty Ten theme
    Author:         Nick Sheppard
    Author URI:     https://cardtherapy.co.uk
    Template:       twentyten
    Version:        0.1.0
    */
    
    @import url("../twentyten/style.css");
    @font-face {
        font-family: '..fonts/calligraffitiregular';
        src: url('..fonts/calligraffiti-webfont.eot');
        src: url('..fonts/calligraffiti-webfont.eot?#iefix') format('embedded-opentype'),
             url('..fonts/calligraffiti-webfont.woff') format('woff'),
             url('..fonts/calligraffiti-webfont.ttf') format('truetype'),
             url('..fonts/calligraffiti-webfont.svg#calligraffitiregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    h1#site-title,
    h2.entry-title {
    	font-family: 'calligraffitiregular';
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The font-family part:

    @font-face {
     font-family: '..fonts/calligraffitiregular';

    Is not asking for a URL, it’s asking for the name of your font, e.g “calligraffitiregular”:

    @font-face {
     font-family: 'calligraffitiregular';

    You can make this name up if you want.

    Thread Starter MrNickSheppard

    (@mrnicksheppard)

    Yay it works thanks!

    Thread Starter MrNickSheppard

    (@mrnicksheppard)

    One last thing! Any idea why the font I’m trying to emulate here https://cardtherapybyem.blogspot.co.uk appears finer than the one I’ve implemented?

    Many thanks for your help, much appreciated.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have CSS that sets it to be bold.

    Thread Starter MrNickSheppard

    (@mrnicksheppard)

    I do? From parent CSS? Tried adding font-weight: normal

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have Firebug or an equivalent browser developer tool?

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Modifying h2 in TwentyTen’ is closed to new replies.