Submitted 12 months ago

NFT - Challenge

Arek• 100

@Nisiur

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Mustapha SLIMANI• 430

@Slimani-CE

Posted 12 months ago

Hey Arek, To fix the font issue, add these lines in the <head> section before your CSS link:

<link rel='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap' rel='stylesheet'>

Make sure to use var(--ff-outfit) for the font-family. 👍

Arek• 100

@Nisiur

Posted 12 months ago

I have no idea why font-family did not change on site preview.... any ideas how to fix that? It works when you open site but here on frontendmentor its not.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord