根据名称更改字体

Question

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

例如：

    g.drawArc(0,0,300,300, 0,-180); //this doesn't work

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

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

在谷歌浏览器中，字体不想工作，因为它需要.fc777652be-5d67-4a20-8145-dac554a82a54-4 { font-size: 28pt; color: #000000; font-family: 3 of 9 Barcode; font-weight: normal; } 周围的单引号。

所以我想找到所有Font-Family并更改为3 of 9 Barcode

Answer 1

你可以尝试使用全球明星选择器。

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

这会将页面上所有内容的字体更改为9个条形码中的3个。当然，如果元素的选择器在页面的下方具有相同的特异性级别，它将被元素的font-family覆盖。或者，您可以使用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字体查找任何内容，并将样式设置为想要的字体。