C2DH / minett-stories

REMIX Minett Stories
0 stars 0 forks source link

Variable fonts and Italic for sentient #61

Closed giorgiouboldi closed 2 years ago

giorgiouboldi commented 2 years ago

With variable fonts is better to write the @fontface like this:

@font-face {
  font-family: 'Sentient-Variable';
  src: url('../fonts/Sentient-Variable.woff2') format('woff2'),
       url('../fonts/Sentient-Variable.woff') format('woff'),
       url('../fonts/Sentient-Variable.ttf') format('truetype');
       font-weight: 200 700;
       font-display: swap;
       font-style: normal;
}

For Sentient Italic please use Sentient-VariableItalic, since it's another file, modify the css like this:

@font-face {
  font-family: 'Sentient-Variable';
  src: url('../fonts/Sentient-VariableItalic.woff2') format('woff2'),
       url('../fonts/Sentient-VariableItalic.woff') format('woff'),
       url('../fonts/Sentient-VariableItalic.ttf') format('truetype');
       font-weight: 200 700;
       font-display: swap;
       font-style: italic;
}

I attach screenshot of how it should look and how it looks and the italic fonts.

Screenshot 2022-05-04 at 14 39 02

SentientItalic.zip