<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - "Font-Variant-East-Asian: proportional-width" does not work while being defined within @font-face block in cooperation with unicode-range. (Font features specified in @font-face blocks can't force us down the complex text codepath)"
href="https://bugs.webkit.org/show_bug.cgi?id=155319#c27">Comment # 27</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - "Font-Variant-East-Asian: proportional-width" does not work while being defined within @font-face block in cooperation with unicode-range. (Font features specified in @font-face blocks can't force us down the complex text codepath)"
href="https://bugs.webkit.org/show_bug.cgi?id=155319">bug 155319</a>
from <span class="vcard"><a class="email" href="mailto:shikisuen@outlook.com" title="Shiki Suen <shikisuen@outlook.com>"> <span class="fn">Shiki Suen</span></a>
</span></b>
<pre>(In reply to <a href="show_bug.cgi?id=155319#c21">comment #21</a>)
<span class="quote">> Actually, the original content had "HiraKana, 'Hiragino Kaku Gothic ProN'"
> which means were were falling back to Hiragino Kaku Gothic ProN, except that
> fallback font doesn't have font-variant-east-asian: proportional-width
> enabled, so it is treated as a distinct font.</span >
You were absolutely not falling back to Hiragino Kaku Gothic ProN at first. You create an HTML which consists the following contents, and you could see that the @font-face with Unicode Range also omits western font variants:
=================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>"font-variant-east-asian" in "@font-face"</title>
<style>
@font-face {unicode-range: U+0061; /* a */
font-family: SMALLCAPS-A; src: local('Georgia'); font-variant: small-caps;}
sample {font-family: SMALLCAPS-A, Helvetica;}
sample2 {font-family: Georgia; font-variant: small-caps;}
</style>
</head>
<body>
<h1></h1>
<p><sample>
Idea.
</sample></p>
<p><sample2>
Idea.
</sample2></p>
</body>
</html></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are on the CC list for the bug.</li>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>