Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
I'm using two variations of the same font which has one style named 'Regular' and another named 'Mix'. The mix variation adds some pixellated characters. They are separate woff/woff2 files but appear as the same font in InDesign with the style selectable from the drop down list.

While both appear correctly in Safari, only one is working in Chrome. Chrome shows all the text in the regular style.

Does anyone have any thoughts on why that might be?

The glitch version of the font uses contextual alternatives to automatically switch a percentage of glyphs from regular to glitch styles, so is this potentially not working in Chrome, and is there something I could add to the CSS to make it work?

I'm using the following in the resource CSS file:

@font-face {

font-family: "Ravensbourne Mono Mix";

src: url('../resources/Ravensbourne Mono Mix.woff2')

format('woff2'),

url('../resources/Ravensbourne Mono Mix.woff')

format('woff');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: "Ravensbourne Mono Regular";

src: url('../resources/Ravensbourne Mono Regular.woff2')

format('woff2'),

url('../resources/Ravensbourne Mono Regular.woff')

format('woff');

font-weight: normal;

font-style: normal;

}

Thanks!
in how_to by (140 points)
  

1 Answer

0 votes
We'd be happy to take a look at your html5_output to troubleshoot. You can send it to us at:
https://ajarproductions.com/pages/contact.php?category=in5
by (18.3k points)