仅适用于Safari的内联CSS

Question

我已使用Google字体中的roboto字体，但在Safari中font-weight:bold无效，我不想使用css类。

仅针对Safari的内联css是否有任何破解？

body{
     font-family:'roboto';
   }



<label style="font-weight:bold"></label>

Answer 1

尝试<label style="font-weight: 700;">Foo Bar</label>或css label { font-weight: 700; } 字体权重400表示＆＃34;常规＆＃34;字体，而700是＆＃34;粗体＆＃34;字体。

我为此设置了一个小小提琴：http://jsfiddle.net/5cqdysug/

如果你有一个TTF / OTF文件，你可以用http://www.fontsquirrel.com/tools/webfont-generator制作一个webfont，之后你可以控制字体的字体重量，有关这方面的更多信息请查看提供的链接。 @dcc http://www.maketecheasier.com/use-google-roboto-font-everywhere/

希望这有帮助