Skip to content
Submitted over 1 year ago

QR Code Card

Generalissimo•110
@General4904
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

My only problem with the project was that I didn't know how to import fonts from the net. I'll be glad if anyone can help with that.

Community feedback

  • Michael Hatton•270
    @mikehwebdevPosted over 1 year ago

    Kevin Powell is always my go to guy for CSS topic if a video covering Google fonts would help. 👍

    Marked as helpful
    1
  • Kanishka Priyashantha•690
    @kanishkasubashPosted over 1 year ago

    Hi, Generalissimo👋

    Answer to your question that might interest you:

    Go to the website and select which font you want. To embed a font, copy the code into the <head> of your html and CSS rules to specify families.

    E.g: Import Google Fonts from the website. Here is the link for the font "Outfit".

    HTML:

    <head>
  <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@400;700&display=swap "rel="stylesheet">
</head>

    CSS:

    font-family: 'Outfit', sans-serif;

    I hope you find this helpful! 😄 Keep up the great work! 👍

    🖥️Happy coding!

    Marked as helpful
    0
    Generalissimo•110
    @General4904Posted over 1 year ago

    @kanishkasubash

    Thanks alot🤝🏾❣️

    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