Question

我使用CSS导入到此页面的自定义字体：http://roundup.amebc.ca/

在Chrome中单击“显示酒店列表”时，第二行会忽略自定义字体，即使它与上面一行的标题和样式相同（例如：Downtown和Harbourfront）。我一直无法找到任何有关此问题的内容。

Answer 1

将此添加到您的css：

.hotel-list p {
    font-family: 'Calibre-SemiBold';
}

修改：此解决方案有效，因为如果您查看来源或检查您网页上的某个相关项目，您会发现它们实际上都包含在<p>标记中。

您的<p>标记尚未设置样式以显示您想要的字体，因此它会回退到<body>上设置的字体。

希望这是有道理的 - 见下图