Custom font without internet
Is there a way we can use a custom global font even without internet on our application?
Replies (1)
Deleted comment
Hi
Yes, you can use a custom font without the internet. Here's how:
Download the font: Get the font file (like .ttf, .woff, or .woff2).
Add the font to your project: Place the font file in a folder inside your project, like assets/fonts.
Set up the font in CSS: Add this to your CSS:
@font-face {
font-family: "MyCustomFont";
src: url("/path-to-your-font-folder/MyCustomFont.woff2") format("woff2");
}Apply the font globally: Use the font in your app's CSS like this:
body {
font-family: "MyCustomFont", sans-serif;
}This way, your app can use the font even without an internet connection.
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
