Common Issue #1 - Font not coming as in the design

[prakhart111]

There might be cases where the fonts that you would've applied might not be showing in the final output, especially the CodeSandbox part.

In the given example, the hero section heading has a standard Times New Roman instead of a TacticSans font that I had applied originally in Figma.

Design Screenshot

Output Screenshot

Design File link : <>

Output CodeSandBox Link: https://codesandbox.io/embed/g7rc5d?fontsize=14&hidenavigation=1&theme=dark

[prakhart111]

This is because either the font is not available on google fonts or it's showing "Missing Font" in figma itself.

More about this here: https://github.com/dualiteindia/.github/blob/main/documentation.md

To solve this, you can manually add font family in your code, like this: https://www.w3schools.com/css/css3_fonts.asp