The css font is not working

So I was making a website and the font was working well but after some time it wasn’t working, I set the font to font-family: 'Poppins', sans-serif;
Repl link/Link to where the bug appears:

Screenshots, links, or other helpful context:

body {
  font-family: Poppins, sans-serif;
  background-color: #f9f9f9;
  color: #333;
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="LOGO2-removebg-preview.png">
    <link rel="stylesheet" href="style.css">
        /* Your additional CSS styles here */

      .bmc-button img {
          width: 60px; /* Adjust button size */
          height: auto;
      #cookie-banner {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          background-color: #333;
          color: #fff;
          padding: 10px 20px;
          text-align: center;

      #cookie-banner button {
          background-color: #fff;
          color: #333;
          border: none;
          padding: 5px 10px;
          cursor: pointer;
      #cookie {
        background-color: blue;
        border-radius: 5%;
        <div class="logo-container">
            <img src="LOGO2-removebg-preview.png" alt="">
                <li><a href="#">Home</a></li>
                <li><a href="#">Educational Videos</a></li>
                <li><a href="quiz.html">Quiz Zone</a></li>
                <li><a href="f.activites.html">Fun Activities</a></li>
                <li><a href="#">About</a></li>
                <!-- Add more navigation links as needed -->
        <a href="">Subscribe</a>

        <section class="video-container">


        <!-- Your website content goes here -->


Hello @ZeeshanAmin!

Most browsers do not have the font “Poppins” installed, so you need to link the font like this in CSS:

@import url('');

Hey @ZeeshanAmin!

If this code is what is in your style.css make sure to do what Faries0feast said
But also you should make sure your code uses the quotes around an imported font name →

/* style.css */

body {
  font-family: ‘Poppins’, sans-serif;
  background-color: #f9f9f9;
  color: #333;
1 Like

That’s not a requirement, see:

Though perhaps you need the @font-face for that, not sure:


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.