css - Angular Material 排版 - 定制

标签 css angular angular-material angular-material-theming

在定制我的angular material theme's typography .我知道可以用自己的字体覆盖默认字体,如下所示:

$custom-typography: mat-typography-config(
  $font-family: 'Lato, monospace'
);

不过,我注意到 the source code显示两种字体,默认的Roboto,然后Helvetica也包含在引号中:

$font-family: 'Roboto, "Helvetica Neue", sans-serif',

那是辅助字体吗?我想是否可以选择辅助字体。如果这不是辅助字体,那是什么?

谢谢

最佳答案

font-family 属性可以保存多个字体名称作为“后备”系统。如果浏览器不支持第一种字体,它会尝试下一种字体。

以您想要的字体开始,并始终以通用系列结束,以便浏览器在通用系列中选择类似的字体(如果没有其他字体可用)。

注意:用逗号分隔每个值。

注意:如果字体名称包含空格,则必须用引号引起来。在 HTML 中使用“样式”属性时必须使用单引号。

复制自w3schools

关于css - Angular Material 排版 - 定制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52199521/

相关文章:

html - 在不保持纵横比的情况下拉伸(stretch) svg 背景

jquery - div 设置为 100% 宽度和 100% 高度,但不继承父 div 的大小

angular - Angular4 网站如何被谷歌收录?

angular - 选择动画不适用于 Angular (7) Material 选项卡

angular - 单击 div 内的按钮时如何禁用 div 上的 matRipple?

angular - 是否可以在 Angular 中同时将输入绑定(bind)到两个变量?

css - 仅由 CSS 提供带有圆形背景的 Bootstrap 字形图标

html - 固定宽度的中心元素,两侧有自动扩展元素

angular - 如何使用patchValue以 Angular react 形式设置日期

javascript - 子路由作为 Angular 主路由上的默认路由