/* Liberation Sans */
@font-face{
  font-family: "Liberation Sans";
  src: url("./LiberationSans-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Liberation Sans";
  src: url("./LiberationSans-Italic.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face{
  font-family: "Liberation Sans";
  src: url("./LiberationSans-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Liberation Sans";
  src: url("./LiberationSans-BoldItalic.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

/* применяем */
html, body { font-family: "Liberation Sans", Arial, sans-serif; }