Grow your CSS skills. Land your dream job.

[Google Font API] Bold text only showing in webkit-browser.

  • # July 4, 2010 at 12:44 pm

    Can someone explain me why I can’t get bold text to show in Firefox nor Opera (OS X)?
    Chrome and Safari work just fine.

    http://etnia.be/ilias/droid.html

    Code:


    mmmmm
    mmmmm
    mmmm


    # July 4, 2010 at 8:06 pm

    I can see the bold text in Opera and FF on Mac OSX the same as in Safari. I did read the following about using the fonts:

    Quote:
    The Font API provides the regular version of the requested fonts by default. To request other styles or weights, append a colon (:) to the name of the font, followed by a list of styles or weights separated by commas (,).

    For example:

    http://fonts.googleapis.com/css?family= … Droid+Sans

    To find out which styles and weights are available for a given font, see the font’s listing in the Google Font Directory.

    For each style you request, you can give either the full name or an abbreviation; for weights, you can alternatively specify a numerical weight:
    Style Specifiers
    italic italic or i
    bold bold or b or a numerical weight such as 700
    bold italic bolditalic or bi

    For example, to request Cantarell italic and Droid Serif bold, you could use any of the following URLs:

    http://fonts.googleapis.com/css?family= … Serif:bold

    http://fonts.googleapis.com/css?family= … id+Serif:b

    # July 23, 2010 at 3:06 pm

    I had also read that and as far as I can see I’ve implemented it in the right way (see example code).

    # July 24, 2010 at 5:13 pm

    Bold text is showing in both Firefox and Opera on Mac OSX

    [attachment=1]Picture 1.png[/attachment]
    [attachment=0]Picture 2.png[/attachment]

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".