How to change the font family in material v18

Below, you can find the text related to the question/problem. In the video, the question will be presented first, followed by the answers. If the video moves too fast, feel free to pause and review the answers. If you need more detailed information, you can find the necessary sources and links at the bottom of this description. I hope this video has been helpful, and even if it doesn't directly solve your problem, it will guide you to the source of the solution. I'd appreciate it if you like the video and subscribe to my channel!How to change the font family in material v18

I am following the documentation of


typography: (
brand-family: 'Open Sans',
bold-weight: 900
),
));

html {
}

// From documentation


typography: (
brand-family: 'Open Sans',
bold-weight: 900
),
));

html {
}

and tried the answer from
Font-Family Change on Angular Material
Font-Family Change on Angular Material
// Answer based on stackoverflow

typography: (
plain-family: '"Open Sans", sans-serif',
brand-family: '"Open Sans", sans-serif',
),
),);

:root {
}

// Answer based on stackoverflow

typography: (
plain-family: '"Open Sans", sans-serif',
brand-family: '"Open Sans", sans-serif',
),
),);

:root {
}

none of the options worked. Let me know how to change the font family on material v18
PS: Do not comment there are already answers. Those are for previous versions which do not work for v18

Tags: angular,angular-materialSource of the question:

Question and source license information: