What's the font used by default in menu title ?

Home Forums Automattic Further What's the font used by default in menu title ?

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #111689 Resolve

    crcgtpc

    Hello,

    I would like to have the same font size for two elements of my menus. You can see this there :

    In fact, it seems that “La CGT au CESER” is in bold and “Le Comité régional” not.

    Is there a solution ? Cuz when i use the the line “bold” in CSS, it don’t work.

    Thx a lot for your help !

    E.

    The blog I need help with is cgtpoitoucharentes.wordpress.com
    #152174

    Kathryn P.
    Happiness Engineer

    That seems to be a Chrome font-rendering bug, unfortunately. If you look at your site in Firefox, or use the Fount bookmarklet or a browser inspector to look at both those menu elements, you’ll see that they are formatted exactly the same in the code.

    Mozilla Firefox 3

    https://cloudup.com/cy3F5bHMZuT

    #152177

    crcgtpc

    Ouch, so there is no solution to uniformize the first title on the others ?

    Br,

    E.

    #152181

    Kathryn P.
    Happiness Engineer

    To overcome the Chrome problem, you could try adding this to your custom CSS and see if it helps:

    .secondary-navigation  {
    -webkit-font-smoothing:antialiased
    }

    Reference: http://tanookilabs.com/your-fonts-look-bad-in-chrome-heres-the-fix/

    #152294

    crcgtpc

    Great ! Not in bold but harmonized :)

    Thx :)

    IS it possible to change the widgets font (left sidebar) too ?

    BR,

    E.

    #152295

    crcgtpc

    PS : thx for the reference ;-)

    #152303

    Kathryn P.
    Happiness Engineer

    Sure, just locate the element of the left sidebar widgets – secondary-bottom – and add it to the CSS I gave you above. So instead of the above code, you can use:

    .secondary-navigation, #secondary-bottom  {
    -webkit-font-smoothing:antialiased
    }

    #152308

    crcgtpc

    Hey,

    I’ve tried to use this css code but it don’t work :/

    Can you clarify to me the idea ? :)

    Thx a lot,

    Br,

    E.

    #152312

    Kathryn P.
    Happiness Engineer

    Sorry – I’d corrected the post but I think you only saw the first, incorrect version. :-)

    Please change this:

    .secondary-navigation, .secondary-bottom   {
    -webkit-font-smoothing: antialiased;
    }

    to this:

    .secondary-navigation, #secondary-bottom   {
    -webkit-font-smoothing: antialiased;
    }

    Since secondary-bottom is an ID – not a class – it needs the # sign insead of the dot in front of it.

    #152428

    crcgtpc

    It works weel ! Thx a lot !

    Br,

    E.

    #152437

    Kathryn P.
    Happiness Engineer

    Excellent! Thanks for confirming.

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

The topic ‘What's the font used by default in menu title ?’ is closed to new replies.