Adding custom fonts not allowed in v0

[simonstrumse (Simon)]

Whenever I try to upload a custom font in ttf, otf or woff (tried all) the chat fails and just says: failed to submit message, try to start a new chat.

When talking to the chat it says to upload the font through chat to public/fonts, but the system doesn’t allow it. can you fix this?

[system]

Did you know about these other v0 resources? A human should be here soon to help, but the answer may already be available even faster in one of these other posts.

This guide is a great place to start.

Become a v0 expert

Getting Started Using v0 is like chatting with a frontend engineer, who takes in your design guidelines and creates an application for you. A common workflow with v0 is putting in design files and images to scaffold your application and then use text prompts to nudge v0 into creating your perfect application. Remember, just like any other AI tool, the quality of the output that v0 generates depends on the quality of the prompt or instructions you input. So, it’s important to be clear, descripti…

And these recordings can give you a look at v0 features and strategies in action: Topics tagged v0

[amyegan]

v0 doesn’t support directly uploaded custom fonts at the moment. Instead, you can tell v0 to “import [font-name] font from Google Fonts” if the font is available from Google Fonts.

Alternatively, you could host the custom font on a URL accessible to your project and add it like this:

@font-face {
  font-family: 'CustomFont';
  src: url('https://example.com/fonts/CustomFont.woff2') format('woff2');
}

body {
  font-family: 'CustomFont', sans-serif;
}

Or you could temporarily use a similar font while prototyping and then switch to your custom font after downloading the code.

Hope that helps! I also shared your question as feedback to the v0 team

[simonstrumse (Simon)]

it helps. with the introduction of the /public folder it would make sense if we could upload custom fonts locally too.