如何更改应用于整个Angular应用程序中使用的每个元素的“Font-Family”?
示例: 在CSS中:
p {
font-family: Calibri, sans-serif
}
<p>Calibri</p>
<label>Default</label>
::ng-deep body {
font-family: 'Calibri', sans-serif;
}
body {
font-family: 'Calibri', sans-serif;
}
font-family CSS属性指定了一个或多个字体系列名称和/或通用字体系列名称的优先级列表,用于选定的元素。
示例:
.testfont{
font-family: 'Comic Sans MS', sans-serif;
}
<div class="testfont"> abcdefg (changed by class)</div>
<div class="default"> abcdefg (default cause not changed)</div>
注意:样式仅适用于您应用它的类。
要将其应用于每个元素,请在 body 中使用它:
body{
font-family: 'Comic Sans MS', sans-serif;
}
<div class="testfont"> abcdefg (changed by body)</div>
<div class="default"> abcdefg (changed by body :D)</div>
body
中。 - Dom