大卡特尔-产品页面字体类型

Question

这里有一个网站链接。。。http://johnathonpowers.bigcartel.com/.正在尝试更改产品页面的字体类型/字体/样式。

所以我尝试了似乎所有的东西。在我的大卡特尔CSS区域，我仔细查看了每一个提到"产品"、"产品"one_answers"产品页面"等字体的地方，并更改了所有字体的字体大小。我改变了尺寸，以便快速了解它们到底在影响什么。只有产品名称和价格，我才能准确地确定代码。他们中的许多人似乎什么都没有改变，即使我每次都把字体增加到50，很容易注意到变化。

所以我试图让我的产品页面字体类型为calibri，以匹配我的常见问题页面（我花了几个小时在周末创建）。。。对结果非常满意。对于常见问题解答，我开始使用calibri，然后使用备份（我想），在字体样式中添加"，serif"。

不管怎样，我们非常感谢您的帮助或帮助。非常感谢。

Answer 1

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

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

请记住，您的访问者只有在计算机上安装了此字体后才会看到显示的文本，因此明智的做法是包含一些回退。否则，您可以使用单独的webfont服务嵌入字体。

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

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

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