CSS自定义字体未在第二行显示

时间:2016-09-12 08:39:45

标签: css fonts

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

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

1 个答案:

答案 0 :(得分:0)

将此添加到您的css:

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

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

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

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

paragraph tags inside your <code>.hotel</code> element