我在我的网站上使用Google Roboto Font,但我遇到了一些实施问题。 Google允许我们在导入之前调整字体粗细:
厚度为 700
的字体的导入代码@import url('https://fonts.googleapis.com/css?family=Roboto:700');
厚度为 300
的字体的导入代码@import url('https://fonts.googleapis.com/css?family=Roboto:300');
我的问题是,CSS中的用法不依赖于两个导入。这意味着它总是
font-family: 'Roboto', sans-serif;
我无法选择要使用的2种导入字体中的哪一种。
答案 0 :(得分:0)
在CSS方面,您必须分别应用这些规则:
font: normal 300 16px 'Roboto', sans-serif; //thin font
font: normal 700 16px 'Roboto', sans-serif; //bolder font
答案 1 :(得分:0)
根据需要在CSS规则中使用font-weight: 300;
和font-weight: 700;
答案 2 :(得分:0)
您可以组合导入以获取两个权重:
aNum
然后在适当的位置使用@import url(https://fonts.googleapis.com/css?family=Roboto:300,700);
或font-weight: 300;
。
A la
font-weight: 700;