How we can use @font-face in Less

Question

In Less, it seems almost impossible to use @font-face selector. Less gives errors when I try to use

font-family: my_font

Her

Answer 1

I think it's because you are missing the font format. Which for ttf is truetype, if it's missing or incorrect the font might not be loaded.

@font-face {
  font-family: "MyFont";
  src: url("./my-font.ttf") format("truetype");
}