Question

我正在尝试更改Angular / HTML元素的字体和边框布局。但是，我的样式表中的更改对显示没有影响。

第一部分的代码是：

                                <div class="wizard-p">
                                    Are there specific industries you are particularly interested in advising? (check
                                    all that apply):
                                    <button type="button" class="btn btn-default" data-bs-select data-html="1" data-multiple="1"
                                    data-animation="am-flip-x" data-ng-model="advisor.industries"
                                    data-ng-change="validity.category=validate_advisor(3, advisor)"
                                    data-ng-options="industry for industry in industry_list">
                                        Action
                                        <span class="caret"></span>
                                    </button>
                                </div>

                            </div>

每个包含字体规范的类都设置为： BrandonGrotesque-Regular，“Helvetica Neue”，Helvetica，Arial，sans-serif;

然而，它仍然在新罗马时代渲染。 Javascript是否会覆盖此字体规范？

Answer 1

内联HTML几乎总是覆盖CSS，JS通过写入内联HTML来设置样式。我首先检查你的HTML和JS中的任何样式设置。

然而，在这种情况下，BrandonGrotesque-Regular或Helvetica Neue似乎不是网络安全字体。因此，文本应该在Helvetica中呈现，这是您规范中的第一个网页安全字体，看起来非常接近TNR。可以找到或多或少完整的网络安全字体列表here

您也可以在CSS中嵌入自己的字体：

@font-face {
    font-family: "Copperplate Gothic Bold";
    src: url("/font/COPRGTB.TTF");
}

然后调用它：

font-family: 'Copperplate Gothic Bold';

对CSS样式表的更改不会反映在Angular.js按钮中。 JS重写CSS吗？

1 个答案: