Html 仅当加载“"；字体系列“；

我想知道，如果文本中应用的特殊“字体系列”已加载，文本是否可能仅出现

我想它，如果你不加载字体不显示文本

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>

此文本

---

感谢您事先

假设我正确理解了您的问题，您希望动态隐藏/显示特定文本（但不是全部）。。。根据我的研究，不可能检测出使用了什么字体。有一些变通方法可以根据不同的字体比较文本的高度大小，然后建议它可以使用的字体。然而，我认为这是一个黑客，而且还远远不够准确

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

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

文本应有

显示：无其主类上的css属性

然后你的特殊文本可以有这个特殊的类

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

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

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

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