On Thu, Mar 27, 2014 at 12:34 PM, Tom Livingston <tom...@gmail.com> wrote:
> > I was doing this simple test with google fonts (via @import method). > > body{ > font-family: $roboto; > } > > .bold{ > font-weight: 500; > } > > <p>Hi there <span class="bold">bolded text</span></p> > <p><strong>I'm bold</strong></p> > > The strong tag above was rendering wrong in FF and Chrome. FF was > 'double-bolding' the text, and Chrome showed odd char spacing. > > Am I implementing something wrong, or do I need to write rules like > strong{font-weight:500;font-style:normal;} to have this work right? > > Thanks in advance. > So looks like so far my b,strong{font-weight:500;} rule solves the main issue and even for cases like: <p>Some text that has <strong><em>bold italic text</em></strong></p> Google seems to get the italic version of the 500-weight font correct, as I am including the corresponding italic face for each weight, I just still need b,strong{font-weight:500;} to avoid double-bolding. Thanks again all -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ 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/