Bug 219917 - font-style oblique for japanese vertical text
Summary: font-style oblique for japanese vertical text
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-12-15 13:23 PST by Cyril Concolato
Modified: 2020-12-15 18:18 PST (History)
4 users (show)

See Also:


Attachments
Safari rendering of various slanted vertical text (130.55 KB, image/png)
2020-12-15 13:23 PST, Cyril Concolato
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Cyril Concolato 2020-12-15 13:23:17 PST
Created attachment 416285 [details]
Safari rendering of various slanted vertical text

Safari's rendering (Version 14.0 (15610.1.28.1.9, 15610)) of "font-style: oblique -15deg" for vertical text is not entirely correct. This can be seen on this page: https://output.jsbin.com/juyawoh 
The rendering of basic Japanese characters is correct but there are 3 problems by order of priority (highest first):
- the rendering of upwards latin character is not correct (should be slanted in the reverse direction, i.e. upwards instead of downwards), 
- text-combined characters should be slanted vertically, towards the top (not horizontally towards the right), 
- and the same applies to sideways text to avoid the collision.

Chrome Canary has fixed the first and third problem.
Firefox has the same third problem, a slightly less visible problem for the first one.

Chrome, Safari and Firefox have the same problem for text-combined characters.

Related tickets:
- Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1616995
- Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=1112923
Comment 1 Smoley 2020-12-15 18:18:34 PST
Thanks for filing, I can reproduce these issues on Safari 13.1.3 as well as STP 117.
Comment 2 Radar WebKit Bug Importer 2020-12-15 18:18:53 PST
<rdar://problem/72366522>