@font-face { font-family: "Nunito"; src: url("../fonts/nunito/Nunito-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../fonts/nunito/Nunito-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../fonts/nunito/Nunito-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../fonts/nunito/Nunito-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Nunito"; src: url("../fonts/nunito/Nunito-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } /* * App-wide: Nunito + one step heavier than UA default on the root; descendants inherit that weight * (inherit + !important beats Bootstrap .fw-* when ). Avoids chaining "bolder" on every node. */ html.app-font { font-family: "Nunito", sans-serif !important; font-weight: bolder !important; } html.app-font *:not(i.bi) { font-family: "Nunito", sans-serif !important; font-weight: inherit !important; } /* Bootstrap Icons: keep icon font from being overridden by global text font rules. */ i.bi { font-family: "bootstrap-icons" !important; font-weight: 400 !important; }