Question

以下是该网站的链接... http://johnathonpowers.bigcartel.com/。尝试更改产品页面的字体类型/面/样式。

所以我尝试了一切似乎。在我的大卡特尔的CSS领域，我经历了“产品”，“产品”，“产品页面”等字体的每一次提及，并改变了所有字体的字体大小。我改变了大小，以便快速了解它们究竟影响了什么。只有产品标题和价格才能确定代码。他们中的许多人似乎都没有改变任何东西，即使我每次放置50个字体以轻易注意到变化。

所以我试图将我的产品页面字体类型设置为calibri以匹配我的常见问题解答页面（我在周末花了数小时创建）...对它的结果非常满意。对于FAQ，我开始使用calibri然后备份（我认为），我在其中添加“，serif”字体样式。

无论如何，任何帮助或帮助表示赞赏。非常感谢。

Answer 1

您可以通过在CSS的最底部添加此内容来更改页面中每个元素的字体：

* {
  font-family: 'Calibri' !important;
}

请注意，如果访问者在计算机上安装了文字，则只能看到以此字体显示的文字，因此最好包含一些后备内容。否则，您可以使用单独的webfont服务嵌入字体。

利用浏览器的开发人员工具也是一个好主意，这样您就可以检查网页上的元素，看看哪些CSS规则可以控制它们的外观。使用开发人员工具，您将能够看到以下内容：

.page_header.product_header h1 {
  font-size: 24px;
  text-transform: uppercase;
}

我不建议直接在样式表中修改CSS类，而是建议始终在底部添加新规则 - 这样，如果主题更新，您可以复制并备份代码更改，还原为主题默认值，然后将它们粘贴回来以进行自定义。