html - 区分CSS中的字体字体

Question

我无法弄清楚如何区分我正在为大学类(class)构建的网页使用的字体。我正在使用来自 fontsquirrel 的 Natanael Gama 提供的 EXO 字体。

使用这种字体，他包含了 18 种字体。我有兴趣在我的网页上使用“Exo-Thin”字体，而不是在@font-face 中编码的父“Exo”字体。 (我认为“Exo”默认为“Exo-Regular”字体，但我不确定。)如何格式化我的 css 才能正确阅读？

-- 这是我的@font-face 代码--

@font-face {
    font-family: Exo;
    src: url("/Macintosh\ HD\ 1/Library/Font/CustomFonts_Webfonts/Exo.ttf")
          format("truetype"),
          url("/Macintosh\ HD\ 1/Library/Fonts/ConvertedFonts_Webfonts/Exo.woff") format("woff");
}

从这里开始，我将如何在整个工作表的其余部分中表示 font-family 属性中的字体值？我是这类工作的新手，一直困扰着我的是我在互联网上找不到任何可以描述需要做什么的东西。

如果您可以发布任何建议或向我指出任何以前关于/任何涉及此编码的网站的帖子，我将不胜感激。

如果任何管理员必须删除并重定向我，我对此很满意。

感谢任何帮助，overflow peoples。对此，我真的非常感激。

Answer 1

我想我明白了。我只需要像这样添加字体 --->

-- @font-face代码--

@font-face {
    font-family: Exo;
    src: url("/Macintosh\ HD\ 1/Library/Font/CustomFonts_Webfonts/Exo-Thin.ttf")
          format("truetype"),
          url("/Macintosh\ HD\ 1/Library/Fonts/ConvertedFonts_Webfonts/Exo-Thin.woff") format("woff");
}

我只是将字体添加到 url 路径中。