I think 5px is way too small.  Maybe 7 or 8 at least but even those are really hard to read in high-resolution displays.  <a href="http://plexode.com/eval3/#ht=5px%3A%3Cruby%3E%3Crb%3E今日%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A5px%3B%22%3Eきょう%3C%2Frt%3E%3C%2Fruby%3Eは%3Cruby%3E%3Crb%3E良%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A5px%3B%22%3Eよ%3C%2Frt%3E%3C%2Fruby%3Eい%3Cruby%3E%3Crb%3E天気%3C%2Frb%3E%3Crt%20%20style%3D%22font-size%3A5px%3B%22%3Eてんき%3C%2Frt%3E%3C%2Fruby%3E%3Cbr%3E%0A6px%3A%3Cruby%3E%3Crb%3E今日%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A6px%3B%22%3Eきょう%3C%2Frt%3E%3C%2Fruby%3Eは%3Cruby%3E%3Crb%3E良%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A6px%3B%22%3Eよ%3C%2Frt%3E%3C%2Fruby%3Eい%3Cruby%3E%3Crb%3E天気%3C%2Frb%3E%3Crt%20%20style%3D%22font-size%3A6px%3B%22%3Eてんき%3C%2Frt%3E%3C%2Fruby%3E%3Cbr%3E%0A7px%3A%3Cruby%3E%3Crb%3E今日%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A7px%3B%22%3Eきょう%3C%2Frt%3E%3C%2Fruby%3Eは%3Cruby%3E%3Crb%3E良%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A7px%3B%22%3Eよ%3C%2Frt%3E%3C%2Fruby%3Eい%3Cruby%3E%3Crb%3E天気%3C%2Frb%3E%3Crt%20%20style%3D%22font-size%3A7px%3B%22%3Eてんき%3C%2Frt%3E%3C%2Fruby%3E%3Cbr%3E%0A8px%3A%3Cruby%3E%3Crb%3E今日%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A8px%3B%22%3Eきょう%3C%2Frt%3E%3C%2Fruby%3Eは%3Cruby%3E%3Crb%3E良%3C%2Frb%3E%3Crt%20style%3D%22font-size%3A8px%3B%22%3Eよ%3C%2Frt%3E%3C%2Fruby%3Eい%3Cruby%3E%3Crb%3E天気%3C%2Frb%3E%3Crt%20%20style%3D%22font-size%3A8px%3B%22%3Eてんき%3C%2Frt%3E%3C%2Fruby%3E%3Cbr%3E%3C%2Fdiv%3E&amp;ohh=1&amp;ohj=1&amp;jt=&amp;ojh=1&amp;ojj=1&amp;ms=100&amp;oth=0&amp;otj=0&amp;cex=1">See demo</a>.<div>

<br></div><div>- Ryosuke<br><div><br><div class="gmail_quote">On Wed, Nov 3, 2010 at 12:47 PM, David Hyatt <span dir="ltr">&lt;<a href="mailto:hyatt@apple.com">hyatt@apple.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">

<div style="word-wrap:break-word">That document also states:<div><br></div><div>&quot;When the size of base characters is very small (for e.g. smaller than seven points), ruby which is half the size, will be even more small and illegible. In such cases where the size of base characters is very small, ruby is not a suitable method of annotation. In those cases, consider other annotation methods such as adding the reading in parenthesis immediately after the base character.</div>

<div><br></div><div>It also sounds like we need to special case Ruby elements and allow their font sizes to go down to about 5px instead of 9px.  Anything lower, and you&#39;re getting to the point where ruby was unsuitable (according to the text above) anyway, since the base text was so small.</div>

<div><br></div><div>I filed:</div><div><br></div><div><a href="https://bugs.webkit.org/show_bug.cgi?id=48942" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=48942</a></div><div><br></div><div>dave</div><div>(<a href="mailto:hyatt@apple.com" target="_blank">hyatt@apple.com</a>)</div>

<div><div></div><div class="h5"><div><br><div><div>On Nov 3, 2010, at 2:29 PM, Yasuo Kida wrote:</div><br><blockquote type="cite"><div style="word-wrap:break-word"><div>In printing the standard is 50% of the base text. For larger point sizes like headings, the size of ruby is often smaller than 50%.</div>

<div><br></div><div><a href="http://www.w3.org/TR/2009/NOTE-jlreq-20090604/#en-subheading2_3_3" target="_blank">http://www.w3.org/TR/2009/NOTE-jlreq-20090604/#en-subheading2_3_3</a></div><div><br></div><div>So, how about we default to 50% and see how they come out. Glyphs designed for ruby are optimized for those small point sizes. It is possible on some screen resolutions we might want to make it a bit bigger but as screen resolution gets higher I think it makes more sense to stick to 50% following the standard in printing.</div>

<div><br></div><div>- kida</div><div><br></div><div><div>On 2010/11/03, at 12:05, Eric Mader wrote:</div><br><blockquote type="cite"><div style="word-wrap:break-word"><br><div><div>On Nov 3, 2010, at 8:56 AM, David Hyatt wrote:</div>

<br><blockquote type="cite"><div style="word-wrap:break-word">WebKit enforces a minimum font size of 9px when no explicit font size is specified.  This means that the font for &lt;rt&gt; cannot fall below 9px if it is relative to the user agent default.  It may be that we want to consider modifying this minimum for ruby text and allow it to go below 9px though.  I&#39;m not sure.</div>

</blockquote><div><br></div>Yes, that&#39;s probably what I&#39;m seeing. I&#39;m using default font size, which is probably 12pt.</div><div><br><blockquote type="cite"><div style="word-wrap:break-word"><div>If you make a really big Ruby (e.g., &lt;ruby style=&quot;font-size:96px&quot;&gt; and then modify the font-size percentage on the &lt;rt&gt;, you should be able to see it take effect.</div>

<div><br></div><div>We should probably just study real-world Japanese examples to see how small Ruby typically is allowed to get.  If it can go below 9px and still be readable, we should perhaps consider allowing that.</div>

</div></blockquote><div><br></div>I&#39;m sure the detailed spec. addresses this issue. I&#39;ll review it.</div><div><br><blockquote type="cite"><div style="word-wrap:break-word"><div>In terms of excluding Ruby text from the overall line height, I don&#39;t think the font-size of the &lt;rt&gt; is particularly relevant.  You just want to hack the Ruby to turn the ruby text into overflow rather than having it be part of the overall height of the inline-block.</div>

</div></blockquote><div><br></div>Of course. The website I was using has the line height set too tight for correct display this way, and I just wanted to try a smaller size to see if it looked better. OTOH, that site loads a style sheet that overrides the ruby text font-size to 6pt, so I can&#39;t easily override it, and its&#39; probably displaying as 9pt anyhow.</div>

<div><br></div><div><blockquote type="cite"><div style="word-wrap:break-word"><div>dave</div><div>(<a href="mailto:hyatt@apple.com" target="_blank">hyatt@apple.com</a>)</div></div></blockquote><div><br></div>Regards,</div>

<div>Eric</div><div><br><blockquote type="cite"><div style="word-wrap:break-word"><div><div><div><div>On Nov 3, 2010, at 1:20 PM, Eric Mader wrote:</div><br><blockquote type="cite"><div style="word-wrap:break-word">Hi,<div>

<br></div><div>As part of my work on ruby text enhancements, I&#39;m implementing the option of not counting the height of the ruby text in the overall line height. As part of this, I wanted to play with changing the size of the ruby text. I&#39;m trying to do this by changing the following lines in &lt;WebKit&gt;/WebCore/css/html.css:</div>

<div><br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">ruby &gt; rt {</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">    display: block;</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">

    font-size: 60%; /* make slightly larger than 50% for better readability */</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">    text-align: center;</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">

    text-decoration: none;</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">}</div><div><br></div><div>However, when I change the font-size: attribute to, say, 50%, I don&#39;t see any difference in the size of the ruby text. (I even tried 25% just to be sure). Is this value being set somewhere else?</div>

<div><br></div><div>Regards,</div><div>Eric Mader</div><div><br></div></div>_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br>

<a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br></blockquote></div><br></div></div></div></blockquote></div><br></div>_______________________________________________<br>

webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br><a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br>

</blockquote></div><br></div>_______________________________________________<br>webkit-dev mailing list<br><a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br><a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br>

</blockquote></div><br></div></div></div></div><br>_______________________________________________<br>
webkit-dev mailing list<br>
<a href="mailto:webkit-dev@lists.webkit.org">webkit-dev@lists.webkit.org</a><br>
<a href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev" target="_blank">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a><br>
<br></blockquote></div><br></div></div>