CSS:2个厚度 - 1个字体

时间:2016-11-09 21:00:21

标签: html css fonts google-font-api

我在我的网站上使用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种导入字体中的哪一种。

3 个答案:

答案 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;