Can we add otf fonts to the Code Editor?

Search Best Practices - Search Front-End
2

Hi Hannah,

Since this is an .otf font file, there is a small difference in how you add the font-face declarations to the fonts.scss file. Unlike .woff font files where the format is “woff”, the .otf file format needs to be “opentype”. Here is an example of what that would look like:

@font-face
{
  font-family: "D-DIN";
  src: url('../assets/fonts/D-DIN-Bold.otf') format("opentype");
  font-weight: $font-weight-bold;
  font-style: normal;
}
1 Like