No letter spacing between f & l for audiowide font (not happening in firefox)
Reported by
kapse.na...@gmail.com,
Sep 1 2017
|
|||
Issue description
Chrome Version : 60.0.3112.101
OS Version: OS X 10.12.5
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari 5: FAIL
Firefox 4.x: OK
IE 7/8/9: OK
What steps will reproduce the problem?
1. Use audiowide font on the web
2. Ensure you have text like flash in h1 tag
3. Include letter-spacing for h1 tag.
What is the expected result?
letter-spacing should have created a gap between letters f & l.
What happens instead of that?
There is no letter-spacing between letters f & l.
Please provide any additional information below. Attach a screenshot if
possible.
Attached screenshots for chrome, firefox
UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.101 Safari/537.36
,
Sep 1 2017
,
Sep 1 2017
The font in question has a "Fl" ligature which replaces the "F" and "l" glyphs with a combined "Fl" glyph. Chrome enables ligatures by default. Firefox does not. You can either enable ligatures in Firefox (font-variant-ligatures: common-ligatures;) or disable them in Chrome (font-variant-ligatures: none) to get the same behavior in both.
,
Sep 3 2017
Thanks. I have disabled ligatures by setting style with font-variant-ligatures:none; |
|||
►
Sign in to add a comment |
|||
Comment 1 by manoranj...@chromium.org
, Sep 1 2017