Search code examples
htmlcssgoogle-chromefont-face

I add font but they doesn't work (css) @font_face

 .writing {
      display: block;
      margin-top: auto;
      margin-bottom: auto;
      text-shadow: 5px 5px red, 10px 10px green, 15px 15px yellow;
      font-family: Niconne;
      text-align: center;
      font-size: 150;
    }
    @font-face {
      font-family: "Niconne";
      src: url("../fonts/Niconne-Regular.ttf") format("truetype");
      /* src: url("../fonts/Niconne-Regular.woff") format("woff");
      src: url("../fonts/niconne-v10-latin-regular.woff2") format("woff2");
      src: url("../fonts/niconne-v10-latin-regular.eot") format("EOT"); */
    }

these are my codes. it works fine now but when i put out other sources it turns back to the first point ( it doesn't work). i want to use it locally ( don't give me fontlink)

Solution

  • You have to add quotes to your font-family, so it will be like this font-family: "Niconne"

    Updated Answer:

    @font-face {
   font-family: "Niconne";
   src: url("../fonts/Niconne-Regular.ttf") format("truetype");
   src: url("../fonts/Niconne-Regular.ttf") format("truetype"),
        url("../fonts/Niconne-Regular.woff") format("woff"),
        url("../fonts/niconne-v10-latin-regular.woff2") format("woff2"),
        url("../fonts/niconne-v10-latin-regular.eot") format("EOT");
}