html - 根据名称更改字体

Question

可以将我网站上的所有字体从 Arial 更改为 Helvetica。可能需要一些 CSS？

例如:

@font-family Arial {
    Font-Family: Helvetica;
}

这里的根本问题是我在某些 Crystal Reports 中使用了 9 个条形码中的 3 个。当 Crystal Report 在我的网站上呈现时，它会将 css 设置为:

.fc777652be-5d67-4a20-8145-dac554a82a54-4 {
    font-size: 28pt;
    color: #000000;
    font-family: 3 of 9 Barcode;
    font-weight: normal;
}

在 Google Chrome 中，该字体无法正常工作，因为它需要在 Font-Family 周围加上单引号。

所以我想找到所有 3 of 9 Barcode 并更改为 '3 of 9 Barcode'

Answer 1

您可以尝试使用全局星号选择器。

* { font-family: '3 of 9 Barcode'; }

这会将页面上所有内容的字体更改为 3 of 9 Barcode。当然，如果您的元素的选择器以相同的特异性级别位于页面下方，它会被您元素的字体系列覆盖。或者你可以使用 css !important 声明

* { font-family: '3 of 9 Barcode' !important; }

请注意，使用 !important 被认为是不好的做法，除非它是 100% 必要的，在这种情况下，它会覆盖页面上的所有字体并使它们不可更改(除非您再次使用 !important)。

您可以尝试的最后一件事是，如果您将整个报告嵌套在特定的 div 或任何其他父元素中，您可以为该元素指定一个类。

<div class="report-container">

   Report . . .

</div>

然后您可以使用后代选择器后面的星号选择器来仅选择该 div 中的所有内容并更改字体。

.report-container * { font-family: '3 of 9 Barcode'; }

如果这些解决方案都不能满足您的需求，那么我相信唯一的其他选择是使用 javascript 搜索所有节点，使用 3 of 9 Barcode 字体查找任何内容，并将您的样式设置为所需的字体。