How can I add custom font in static html project in stackblitz.com website, (fontface, ttf files) nothing seems to workout?

Question

I created fonts folder, and placed mercury_font.ttf, still not working.

@font-face {
  font-family: 'Official';
  src: url('fonts/Mercury_Bold.ttf') format('truetype');
}

body {
  margin: 0 auto;
  max-width: 35em;
  padding: 4em 1em;
  color: #0a2458;
  font-family: 'Official',sans-serif;
}

Is that font installed at the location of your source statement? — Rob, Jun 25 '23 at 11:01
Yes, bro. It is in the fonts folder as I have written the code — 7_Baira Praveen, Jun 26 '23 at 12:19

score 0 · Answer 1 · answered Jun 25 '23 at 15:43

Seems that exists a currently issue in stackblitz with project files for fonts. It works on a local project (yor code is correct). So, is not a solution, but an alternative is uplaod your file to a public server and use the url in the css file. As well, if you try with any google font you can check it.

How can I add custom font in static html project in stackblitz.com website, (fontface, ttf files) nothing seems to workout?

1 Answers1