<p><span class="fvs">Slanted text</span> with (font-variation-settings: "slnt" 10).</p>

<p><span class="fs">Slanted text</span> with (font-style: oblique).</p>

@font-face {
  font-family: Vinila;
  src: url("https://jsbin-user-assets.s3.amazonaws.com/simevidas/vinila.woff2") format("woff2");
  font-style: oblique 0deg 20deg; /* 20deg is required for Safari */
  font-weight: 1 1000;
}

.fvs {
  font-variation-settings: "slnt" 10;
}

.fs {
  font-style: oblique;
}



/* Other styles */

body {
  font-family: Vinila;
  font-size: 1.3rem;
}

span {
  color: white;
  background: black;
  display: inline-block;
  padding: .05em .25em 0;
  font-size: 2rem;
}