Skip to content
Submitted over 2 years ago

I'm a little bit comfused with fonts and font-icons are not appear!

Khant Min•170
@KhantMin200
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    Hello Khant, congratulations for your new challenge solution!

    Some tips for your:

    1.To add a font to your code just go to https://fonts.google.com/ choose the font you need (look the starter files, inside the folder there's a file that indicate you the colors, fonts and heading sizes). Then just drop the code Google Fonts will give your to the HTML (inside the <head>) or to the CSS (in the first line via @import).

    The two fonts used in this challenge are font-family: 'Fraunces', serif; / font-family: 'Montserrat', sans-serif;

    2.Icons, about the icon you've tried to insert inside the button, I saw that you've used "content: """ to import the icon, I think is better you insert the icon directly to the html using a <img> in the same div you've the button. Then you just apply flex to this div and flex-direction: row; to make the div direction horizontally.

    Feel free to ask me further question too.

    Marked as helpful
    1
    Khant Min•170
    @KhantMin200Posted over 2 years ago

    @correlucas Thanks sir, your advice is really helpful to me. I am now learning python. My friends told me that I should learn backend first than frontend frameworks because they worried about that I couldn't write APIs. Is that true sir? Sorry for grammar if I make mistakes sir. English is not my first language.

    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