Shobha
The best way to predict the future is to invent it
How can you add a custom font using CSS?
To add a custom font to your website using CSS, you can use the @font-face rule. This rule allows you to define a font by specifying its name and the source file, enabling the use of fonts that may not be installed on the user's device. For example, you can define a custom font named 'CustomFont' by specifying the paths to the font files in formats like woff2 (for modern browsers) and woff (for older browsers). The @font-face rule ensures compatibility across different browsers. Then, in the body element, you can apply this custom font with a fallback to a generic font (like sans-serif) if the custom font fails to load. This method guarantees that your website uses the intended font regardless of the user's installed fonts, improving consistency across devices and platforms.