www.a2-type.co.uk - font validation issues

[reinhart1010]

URL: https://www.a2-type.co.uk/aveny-t

Browser / Version: Firefox Mobile 63.0
Operating System: Android 7.0
Tested Another Browser: Yes

Problem type: Design is broken
Description: The font testing area uses the Roboto fallback font.
Steps to Reproduce:

1. Visit the site

This issue is not reproducible in Firefox 61 and Chrome 67.

Probably related to otl validation issue in https://bugzilla.mozilla.org/show_bug.cgi?id=1331797

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report @reinhart1010 , I was able to reproduce the issue.
Also reproducible on Desktop.

Affected area:

<div class="font-display">
	<textarea class="f-Aveny-TPRO-Regular js-text s-18" rows="1" spellcheck="false" style="overflow: hidden; overflow-wrap: break-word; height: 86px;">A2-TYPE is a type foundry set up by the London based design studio A2/SW/HK. Established to release and distribute over a decade’s worth of specially crafted typefaces created for print, screen and environment. The studio releases carefully crafted fonts across all genres, as well as undertaking custom type commissions for leading brands and organisations worldwide.</textarea>
</div>

Tested with:
Browser / Version: Firefox Nightly 63.0a1 (2018-07-17)
Operating System: Huawei P10 (Android 7.0) - 1080 x 1920 pixels (~432 ppi pixel density), Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density), Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[reinhart1010]

Disabling gfx.downloadable_fonts.otl_validation (turned on by default in Nightly, not Release) fixes the issue.

I can confirm this is a otl validation issue. (Popular sites such as YouTube were broken due to this). Moving to needscontact.

[reinhart1010]

From contact page:

A2-TYPE is a division of A2/SW/HK Limited

Telephone: +44 (0)20 7739 4249
Email: info@a2-type.co.uk

I believe that the email address would provide support for both the technical parts of the font software and the website. Moving to contactready.

[karlcow]

contacted by email.

[softvision-oana-arbuzov]

I can't reproduce it on my side, I get the same layout as in Chrome.

Tested with:
Browser / Version: Firefox Nightly 90.0a1 (🦎 90.0a1-20210517094928)
Operating System: Google Pixel 5 (Android 11) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)

@reinhart1010 can you still reproduce the issue?

[reinhart1010]

This is still reproducible in Firefox for Android Beta 89.0.0-beta.9 (Build #2015811499) with the otl_validation flag turned on.

Here's what the rendering should like:

Note: The font file which having this validation problem is Aveny T, which can be seen on the font preview shown on the screenshot. The website's default font family does not seem to have any problems with this.

[softvision-oana-arbuzov]

Indeed I was able to reproduce it also by changing the otl_validation flag.

Tested with:
Browser / Version: Firefox Nightly 90.0a1 (🦎 90.0a1-20210530092714)
Operating System: Samsung Galaxy S6 (Android 7.0) - 1440 x 2560 pixels (~577 ppi pixel density)