如何在 angular 8 中单击按钮更改段落的字体系列

Question

我正在尝试制作一个网络应用程序，用户可以在其中设置应用程序提供的任何字体样式。

我使用的是 20-30 字体样式。我正在尝试使用 [ngStyle]

在单击按钮时动态设置它们

和传递样式 {'font-family': 'Roboto, Helvetica, sans-serif'} 但是 none 它们的工作。一切都像 color, size 但不是 font-family。

你能告诉我正确的程序或我做错了什么吗？

Answer 1

我试过按照您的描述使用 ngStyle 动态设置字体，它对我有用。 Look at this code

font = 'Roboto, Helvetica, sans-serif';

setFont() {
    this.font = this.font ==='Roboto, Helvetica, sans-serif' ? 'Ariel' : 'Roboto, Helvetica, sans-serif'
}

<button  type="button"  (click)="setFont()">ADD</button>
<div [ngStyle]="{'font-family': font}">{{ font }}</div>

如何在 angular 8 中单击按钮更改段落的字体系列

How to change the font-family of paragraph on button click in angular 8

javascript

css

styles

angular

ionic4