Question

我想知道是否只有在加载了该文本中应用的特殊“font-family”时才能显示文本。

我希望如果你不加载字体就不会显示文字。

CSS

@font-face {
    font-family: Moonogram;
    src: local(Moonogram),
         url('fonts/Moonogram.ttf') format("truetype");
}

.specialtext{
    font-family: 'Moonogram';
    font-size: 24px;
    font-weight: 100;
}

HTML

<p class="specialtext">This text</p>

先谢谢你

Answer 1

假设我已正确理解您的问题，您希望动态隐藏/显示特定文本（但不是全部）...从我的研究中，无法检测使用的字体。有些工作可以根据不同的字体比较文本的高度大小，然后建议可以使用的字体。但是，我认为这是一个黑客，而且远非准确。

我可以建议您使用基于类的系统。所以你的字体将分配给一个类：

.specialFont {   
  font-family: "specialFont";
}

文本的主类应该有display:none; css属性。

那么你的特殊文本可以有这个特殊的类...

<p class="specialtext specialFont">This text</p>

然后你可以通过jQuery检测它是否有特殊的字体类......

if ($('.specialtext').hasClass("specialFont")) {
  $(this).show();
}

事实上，您可以将其缩短为：

$('.specialtext.specialFont').show();

仅在加载“font-family”

1 个答案: