html - Big Cartel - 产品页面字体类型

Question

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

所以我尝试了一切。在我的大卡特尔 CSS 区域，我仔细检查并找到了“产品”、“产品”、“产品页面”等字体的每一个提及，并更改了所有字体的字体大小。我改变了大小，以便快速查看它们到底影响了什么。我只能确定产品名称和价格的代码。即使我每次将字体设置为 50 种以轻松注意到变化，它们中的许多似乎也没有任何变化。

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

无论如何，我们将不胜感激。非常感谢。

Answer 1

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

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

请记住，如果您的访问者在他们的计算机上安装了这种字体，他们将只能看到以这种字体显示的文本，因此明智的做法是加入一些后备字体。否则，您可以使用单独的网络字体服务嵌入字体。

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

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

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