Am 03.05.2012 17:45 schrieb Tom Livingston:
On Thu, May 3, 2012 at 11:41 AM, Markus Ernst<derer...@gmx.ch>  wrote:
Am 03.05.2012 17:24 schrieb Tom Livingston:

On Thu, May 3, 2012 at 10:54 AM, Philippe Wittenbergh<e...@l-c-n.com>
  wrote:


On May 3, 2012, at 10:56 PM, Tom Livingston wrote:

If I'm using "RobotoBold" - custom font - in my stack on an<h2>    for
example, I have to spec font-weight: normal; as well because otherwise
it "double-bolds" the font. But if the user sees a fallback font of
Helvetica or Arial, they won't get it in a bold weight. Is there
anything that can be done about this that I'm not seeing? Can only the
fall backs be bold?


I'm not sure I understand. Care to put an example ?

@fontface {
  font-family: RobotoBold;
        src: url(RobotoBold.woff);
        font-weight: bold;
}

h2 { font-family: RobotoBold, Helvetica, Comic Sans; font-weight: bold; }

with that there should not be any artificial bolding. Browser will
(should) treat that font as being a bold face.

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/




One other thing. After thinking about this, WHY doesnt this still
double-bold the custom font? Just a function of @font-face?


It should not double-bold if your code is ok... can you provide a link to
your page?

I was able to solve my problem with Philippe's help.

But I am curious why specing font-weight: bold; in the @font-face
declaration doesn't double-bold a bold face custom font, when specing
font-weight: normal; in the @font-face declaration and font-weight:
bold; on an element DOES double-bold a bold face custom font.

Ah, sorry for mis-reading your question. The font-weight property in @font-face does tell the browser to use this font whenever a bold weight is required. Thus, it _prevents_ the browser from boldening it. This is necessary to make web fonts useable just as other fonts - you can combine them into families:

@fontface {
  font-family: MyFont;
  src: url(MyFontNormal.woff);
  font-weight: normal;
  font-style: normal;
}
@fontface {
  font-family: MyFont;
  src: url(MyFontBold.woff);
  font-weight: bold;
  font-style: normal;
}
@fontface {
  font-family: MyFont;
  src: url(MyFontItalic.woff);
  font-weight: normal;
  font-style: italic;
}
@fontface {
  font-family: MyFont;
  src: url(MyFontBoldItalic.woff);
  font-weight: bold;
  font-style: italic;
}

Then you can use font-family:MyFont in your CSS, and apply bold and italic styles as you would apply them to Arial or Georgia.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to