Skip to content
Submitted 4 months ago

QR code Component

mohammedreddah•50
@mohammedreddah
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What specific areas of your project would you like help with?

Hello everyone !!

Thankfully i didn't face a serious issue Durring the completion of the project .

But the way i specified the font family is kinda unprofessional, because the style-guide file already gave me an url of a font family but for a reason it doesn't apply.... so i forced a similar font using the font-family property. If anyone can help with this small issue i'll be grateful : ) .

Community feedback

  • Vinny_A•50
    @Eye0001Posted 4 months ago

    Hello @mohammedreddah

    Congrats on completing the challenge. You did a great job.

    For your concerns regarding the font, there are two main ways I would do it:

    1. Link/import: The first method involves going to fonts.google.com and searching for the font that fits your needs. You can then click the Get Font button in the upper right corner and then the Get embed code button. Make sure you have selected the Web option, you can then choose what font weight you want. You can either choose to use a link tag in your HTML or @import in your CSS.

    2. The second method involves you downloading the font directly to your project. Once you have done this you can use @font-face in your CSS file to use the font. The second part of this video explains it well.

    0

Please log in to post a comment

Log in with GitHub

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