Измените семейство арабских шрифтов в этикетке и параметры матового выбора и матового ввода Материал угловой 5

Как я могу изменить семейство шрифтов в метке и параметры матового выбора и матового ввода Материал угловой 5?

Я пытался применить стиль непосредственно к элементам mat-select и input, но у меня ничего не получилось.

myform-component.html

<mat-form-field class="col-sm-2 col-4">
  <mat-select style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px" [ngModel]="selectedCivilite" formControlName='civiliteAr' (ngModelChange)="civiliteChanged($event)" placeholder="اللقب" >
    <mat-option style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px" [value]="v" *ngFor='let v of listCiviliteAr , index as i '>
      {{ v }}
    </mat-option>
  </mat-select>
</mat-form-field>
<mat-form-field  class="col-sm-5 col-8 arabic-text">
  <input style="font-family: 'GE-Flow-Bold', sans-serif; font-size:12px"  matInput formControlName='nomAr' placeholder="الإسم الشخصي" >
  <mat-error *ngIf="form.get('nomAr').invalid">{{getErrorNameArMessage()}}</mat-error>
</mat-form-field>

angular angular-material angular2-template angular5 angular-material-5
person NullPointerException    schedule 09.03.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Добавление этого стиля в поле mat-form-field

font-family: 'GE-Flow-Bold', sans-serif

Должен сделать трюк. Имейте в виду, что шрифт должен быть загружен, чтобы он был доступен для вашего приложения.

person alsami    schedule 09.03.2018
comment
Тогда у вас нет шрифта, загруженного в ваше приложение. Измените его на семейство шрифтов: «Helvetica», «Arial», без засечек; и вы увидите, что шрифт меняется, потому что каждый браузер (обычно) знает этот шрифт. - person alsami; 09.03.2018
comment
Шрифт загружается в приложение; он появляется в других местах, таких как абзацы - person NullPointerException; 09.03.2018