• Unifeed blog page using React

    Emlych5 months ago

    Completed this challenge using react js. I couldn't apply the font-face, I have no idea as to why it doesn't work... Thanks for further feedback !

    • 4

What problems are you having when trying to use the font face? My only comment is to use align-items: center; on this class 'articles__secondary--container' to center the text with the image, other than great job, very responsive!

Thank you moeminm ! I dowloaded the font face Manrope, but it's as if it wasn't taken into account and the code uses Verdana instead : @font-face { font-family: "Manrope"; src: url("./fonts/Manrope-VariableFont_wght.ttf") format ("truetype"); } * { margin: 0; font-family: "Manrope", "Verdana", "Times New Roman"; }

Did you import the font? Check this article out https://css-tricks.com/snippets/css/using-font-face/ Alternatively, you can just link the font in the <head> using this: <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap" rel="stylesheet"> and adding font-family: 'Manrope', sans-serif; in the CSS.

Join Our Slack Channel
Chat and discuss solutions with a growing community of developers.