如何使用CSS样式表更改“继承的”字体系列

Question

我不是程序员。语言是外来的。我正在创建一个WordPress网站。我创建了一个儿童主题。

1. 我阅读了主题文档。理解得很少。
2. 向主题所有者发送了一封电子邮件。没有回答（2周前）
3. 在网上搜索 - 找到了很多网站 - 即http://www.w3schools.com/ - http://css-tricks.com/sans-serif/＆amp;别人 - 我，不说语言。你能把HTML代码放在CSS文件中吗？

子主题包含一个新的style.css文件。 style.css文件的顶部是创建子主题所需的内容。然后我插入了颜色变化＆amp;这已经很顺利了。

更改字体系列令人困惑。围绕父主题并使用“Firebug”字体似乎是（'继承'？）。 .genericon，'Roboto Condensed'，Sans-serif，Arimo，Arial和其他一些标准的MS Word字体。我在Google字体网站上看到了一些我希望用于我的网站的字体。

• 我如何（甚至可以）将Google字体下载到Style.css文件中？
• 我需要在child style.css文件中插入什么来覆盖父字体？

如果这很重要，主题有多个模板（PHP？）选项。我正在使用W7 OS。

Answer 1

外部样式表具有最高层次结构，因此只需使用id，class或element name指定样式。

谷歌是你的朋友。

要使用谷歌字体，请转到谷歌字体页面并使用左侧的搜索框搜索您的字体，然后单击添加到集合。进入您的收藏集后，转到您的收藏集并点击“使用”。

您应该获得一个“@import（）”代码，将其放在外部工作表的顶部。

Answer 2

Google字体网站非常直接且有用。

在你的例子中，你提到了Roboto。 Here's the page for that font

您可以在步骤1中检查您希望能够在您的网站上使用的Roboto品种。

步骤2允许您选择其他字符集 - 例如，如果您可能以俄语显示文本。

第3步为您提供了三种方式来启用＆＃34;您网站上的字体。您将在某处放置一行代码，告诉用户＆＃39;浏览器可以在需要时从Google获取字体。最简单的方法可能是 @import 选项。将该标签下的代码复制并粘贴到顶部的style.css（重要的是 - 它应该在描述样式表中的布局或类型的任何内容之前）。您的子主题可能已经有很多其他@import行了。

步骤4显示了您需要告诉样式表寻找的具体内容。

祝你好运！