提问者:小点点

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


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

  1. 我阅读了主题文档。理解得很少。
  2. 向主题所有者发送了电子邮件。无人接听(2周前)
  3. 搜索了网络-找到了许多网站-即http://www.w3schools.com/-http://css-tricks.com/sans-serif/&others-me,no speak the language。你能把html代码放在CSS文件中吗?

子主题由一个新的style.css文件组成。style.css文件的顶部是创建子主题所需的部分。然后是我插入的颜色变化&这做得很好。

改变字体家族是令人困惑的。在父主题周围搜索,并且使用“Firebug”,字体似乎是(“inherited”?)。.genericon、'roboto condexed'、Sans-serif、Arimo、Arial和其他一些标准MS Word字体。我在谷歌字体网站上看到了几种字体,我更愿意在我的网站上使用。

  • 我如何(甚至可以)将Google字体下载到style.css文件?
  • 要覆盖父字体,需要在子style.css文件中插入什么?

如果这是重要的,主题有多个模板(PHP?)选项。我正在使用W7操作系统。


共1个答案

匿名用户

谷歌字体网站是真正直接和帮助。

在您的示例中,您提到了Roboto。这是该字体的页面。

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

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

第3步给出了三种“启用”网站字体的方法。您将在某个地方放置一行代码,告诉用户的浏览器在需要时从谷歌获取字体。最简单的方法可能是@import选项。将该选项卡下的代码复制并粘贴到顶部的style.css中(这很重要--它应该放在描述样式表上的布局或类型的任何内容之前)。您的子主题可能已经有一堆其他@import行了。

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

祝你好运!