Изменить семейство шрифтов «Myriadpro» для углового материала 18, в мат-таб ⇐ CSS

[Anonymous]

Я мигрирую угловой/материал с 12 до 18 и рефакторирую мой проект CSS также
in package.json:

Код: Выделить всё

"@angular/core": "^18.2.13",
"@angular/material": "^18.2.13",
< /code>

Я пытаюсь изменить шрифт углового материала на [b] myriadpro < /strong>
Я новичок в этом, я прикрепил свой  styles.scss < /strong> ниже. < /p>
@use '@angular/material' as mat;
$my-theme: mat.define-theme(
$config: (
typography: (
plain-family: '"MyriadPro", "Montserrat", sans-serif',
brand-family: '"MyriadPro", "Montserrat", sans-serif',
),
),
);

:root {
@include mat.all-component-typographies($my-theme);
}

/* ------------------------------ Import Fonts ------------------------------ */
@font-face {
font-family: MyriadPro;
src: url("assets/css/fonts/MyriadFont/MyriadPro-Regular.otf");
src: url("assets/css/fonts/MyriadFont/MyriadProRegular.eot") format("embedded-opentype"), url(assets/css/fonts/MyriadFont/MyriadProRegular.woff2) format("woff2"), url(assets/css/fonts/MyriadFont/MyriadProRegular.woff) format("woff"), url(assets/css/fonts/MyriadFont/MyriadProRegular.ttf) format("truetype"), url(assets/css/fonts/MyriadFont/MyriadProRegular.svg#MyriadProRegular) format("svg")
}

@font-face {
font-family: Montserrat;
src: url("assets/css/fonts/MonsterRat/Montserrat-Medium_1.ttf")
}

/* ---------------------------- Import Fonts end ---------------------------- */
body {
height: 100%;
font-size: 14px;
margin: 0;
font-family: "MyriadPro", "Montserrat", sans-serif;
}
< /code>
Это работает для Textbox ввода, я прикреплю ввод HTML -код < /p>
 
{{ 'familyname' | translate }}


< /code>
Когда я осматриваю это и вижу на вычисленной вкладке
it, показывающая как семейство шрифтов: myriadpro, montserrat, sans-serif, < /p>
Это правильно, когда я нажимаю на это, это переназначает в Tab < /p>
..mdc-text-field--filled .mdc-floating-label{
...
font-family:var(--mdc-filled-text-field-label-text-font, var(--mat-app-body-large-font)),
...
}

Когда я нахожусь над -MDC-заполненным текстовым полем Label-Text-Font [/b] он показывает как "myriadpro", "Montserrat", Sans-serif . Код: < /p>

Код: Выделить всё

{{"patdetails" | translate}}




{{"OrderDetails" | translate}}



< /code>
Это пример кода, приведенный в Docs Angular Material < /p>

 Content 1 
 Content 2 
 Content 3 

< /code>
для обоих кодов, font-family [b] myriadpro < /strong> не приближается, < /p>
Когда я осматриваю это и вижу в Computed Tab
, показывающую как font-family: roboto, sans-serif, < /p>
, когда я щелкнут это, это Redirce, Sans-serif, < /p>
..mat-mdc-tab{
...
font-family:var(--mat-tab-header-label-text-font, var(--mat-app-title-small-font)),
...
}

Когда я пахаю -mat-tab-header-label-text-font [/b], показывающий как roboto, sans-serif

Для меня все в моем проекте, как это нужно, чтобы это было в моем проекте. Фамилия шрифта для каждого компонента углового материала отдельно?

Подробнее здесь: https://stackoverflow.com/questions/797 ... in-mat-tab