Html 了解字体族、字体样式以及如何在CSS中引用它们

我正在使用字体，最近我发现了一些我一直在犯的错误。所以我需要明白我到底做错了什么

Adroid Roboto家族 我已经在我的机器上安装了，现在这是我在系统中的

字体下看到的：


但正如你所看到的，我安装了一个家庭，如果我深入其中，我会看到：


我的web应用程序
因此，在我的web应用程序中，我有一个CSS样式定义字体：

.mytext {
  font-family "Roboto Regular", Tahoma, sans-serif;
}
.mytext-bold {
  font-family "Roboto Bold", Tahoma, sans-serif;
}

问题是，当我可视化页面时，字体不正确。当我可视化页面时，我会看到
Tahoma

因此，如果我打开其中一种字体样式，我会看到：


因此我意识到我必须在
姓氏
中使用的名称是
Roboto
，而不是
Roboto Regular
或
Roboto Bold
，如
字体
文件夹中的样式名称所示：

.mytext {
  font-family Roboto, Tahoma, sans-serif;
}
.mytext-bold {
  font-family Roboto, Tahoma, sans-serif;
}

问题
但是，如何应用不同的样式呢
myfont bold
应该具有粗体样式，但是如果名称始终是
Roboto
以用于
font family
，如何获得提供的不同样式调整

奇怪的是，如果我使用
font-family:Roboto-Light，…
，它就会工作：（我不理解这里的行为。我应该如何正确引用字体？
使用css属性
font-weight

编辑：我在第一篇文章中犯了一个错误，把“字体系列”放了两次。第二个属性应该是“字体重量”。对此我深表歉意

另一个答案是正确的。字体权重：然后以100为增量的100-900将更改字体的权重（如果字体具有这些权重）。使用谷歌字体可以让您很好地了解此处发生的情况。当您嵌入：

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">

将为您提供常规重量的Roboto，并且：

.mytext-bold {
    font-family: Roboto, Tahoma, sans-serif;
    font-weight: 700;
}

会给你加粗。希望这会有所帮助。
一如既往，对一个问题投否决票而不解释其原因是毫无意义的……至少有人知道问题出了什么问题……我相信这是因为你的系统上可能安装了一种名为Roboto Thin的字体。不过，我可能是错的，我仍然不确定你的前任我在第一篇文章中犯了一个错误，把“字体系列”放了两次。第二个属性应该是“字体重量”。对此我深表歉意。
.mytext-bold {
    font-family: Roboto, Tahoma, sans-serif;
    font-weight: 700;
}