On Thu, Mar 27, 2014 at 2:44 PM, Jukka K. Korpela <jkorp...@cs.tut.fi>wrote:
> 2014-03-27 18:34, Tom Livingston wrote: > > I was doing this simple test with google fonts (via @import method). >> >> body{ >> font-family: $roboto; >> } >> >> .bold{ >> font-weight: 500; >> } >> > > I suppose you are using some special tools that convert that $roboto to a > real name. But how do you refer to the font? If you use Roboto as hosted by > Google and you use normal weight and 500 weight, you need, as Google > instructions say, > > <link href='http://fonts.googleapis.com/css?family=Roboto:400,500' > rel='stylesheet'> Yes, $roboto is a sass variable. And my @import from google is similar to your example. > > > <p>Hi there <span class="bold">bolded text</span></p> >> <p><strong>I'm bold</strong></p> >> > > The <strong> element causes font-weight: bold, i.e. font-weight: 700, by > default. So you should either change that setting or include 700 into the > href attribute. > > > The strong tag above was rendering wrong in FF and Chrome. FF was >> 'double-bolding' the text, and Chrome showed odd char spacing. >> > > When settings ask for bold and the font in use has no bold typeface > (loaded), browsers may apply algorithmic (synthetic) bolding. The results > vary by browser and are generally typographically poorer than real bold > typeface. > > > 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? >> > > If you want <strong> to appear in weight 500, then you need > > strong { font-weight:500; } > > There is no reason to set font-style on it, since font-style: normal is > the default. (Theoretically, some browser could have a different default. > Then there's probably some very good reason to that, and authors should not > interfere.) > OK, so I'm not (completely) crazy. I've used a few different font sources and just wanted to confirm that a rule like strong{font-weight: 500;} is needed in Google's case. > > Yucca > > > Thanks 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/