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/
