/* Apply fallback font initially */ body { font-family: Arial, sans-serif; } /* Use font-display to ensure text visibility while webfont is loading */ @font-face { font-family: 'YourWebFont'; src: url('path/to/your-webfont.woff2') format('woff2'), url('path/to/your-webfont.woff') format('woff'); font-display: swap; } /* Specify the font for desired elements */ h1, p, .custom-text { font-family: 'YourWebFont', Arial, sans-serif; }