Как изменить шрифт по умолчанию для всего углового проекта? ⇐ CSS

[Anonymous]

В настоящее время я работаю над проектом с этими технологиями: Angular 19; Primeng 19; Tailwindcss 4.1. < /P>
Я пытаюсь сделать «exo 2» в качестве шрифта по умолчанию для всего моего проекта. Поэтому я решил попытаться сделать шрифт «exo 2» по умолчанию Tailwindcss, а затем компоненты из Primeng унаследовали семейство шрифтов.

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

@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");
@import "tailwindcss";
@import "primeicons/primeicons.css";
@import "leaflet.markercluster/dist/MarkerCluster.css";
@import "leaflet.markercluster/dist/MarkerCluster.Default.css";

@theme {
--default-font-family: "Exo 2", sans-serif;
}

// I have also tried this:
/*@theme {
--font-sans: "Exo 2", ui-sans-serif, system-ui, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-serif: "Exo 2", ui-serif, Georgia, Cambria, "Times New Roman", Times,
serif;
--font-mono: "Exo 2", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
}*/

html,
body {
height: 100%;
}

.p-component {
font-family: inherit;
}

Я ожидал, что «exo 2» станет шрифтом по умолчанию для моего проекта, однако, когда я осматриваю компонент Primeng, я вижу это, когда я осматриваю
:


Подробнее здесь: https://stackoverflow.com/questions/796 ... ar-project