<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[183662] trunk</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/183662">183662</a></dd>
<dt>Author</dt> <dd>dino@apple.com</dd>
<dt>Date</dt> <dd>2015-04-30 18:56:32 -0700 (Thu, 30 Apr 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Expose -apple-system as a font family
https://bugs.webkit.org/show_bug.cgi?id=144484
<rdar://problem/20767330>
Reviewed by Tim Horton.
Source/WebCore:
Accept "-apple-system" for the font-family property, and
rename "-apple-system-font-monospaced-numbers" to
"-apple-system-monospaced-numbers".
Also change the media controls to use the new name.
Covered by existing tests and this new one:
fast/text/system-font-legacy-name.html
* Modules/mediacontrols/mediaControlsApple.css:
(audio::-webkit-media-controls-time-remaining-display):
* Modules/mediacontrols/mediaControlsiOS.css:
(::-webkit-media-controls):
(audio::-webkit-media-controls-time-remaining-display):
(audio::-webkit-media-controls-status-display):
* platform/graphics/ios/FontCacheIOS.mm: Add support for the new name.
(WebCore::createCTFontWithFamilyNameAndWeight):
* platform/graphics/mac/FontCacheMac.mm: Ditto.
(WebCore::fontWithFamily):
LayoutTests:
Change a bunch of tests to use "-apple-system" instead
of "-apple-system-font" for font-family.
Add a test to make sure the old name still works.
* fast/text/system-font-legacy-name.html
* platform/ios-simulator/fast/text/system-monospaced-numbers.html:
* platform/ios-simulator/ios/fast/text/apple-logo-expected.txt:
* platform/ios-simulator/ios/fast/text/apple-logo.html:
* platform/ios-simulator/ios/fast/text/opticalFont-expected.txt:
* platform/ios-simulator/ios/fast/text/opticalFont.html:
* platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt:
* platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html:
* platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt:
* platform/ios-simulator/ios/fast/text/underline-scaling.html:
* platform/mac/fast/text/systemFont-expected.txt:
* platform/mac/fast/text/systemFont.html:</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatorfasttextsystemmonospacednumbershtml">trunk/LayoutTests/platform/ios-simulator/fast/text/system-monospaced-numbers.html</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextapplelogoexpectedtxt">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextapplelogohtml">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo.html</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontexpectedtxt">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextopticalFonthtml">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont.html</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontWithWeightexpectedtxt">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontWithWeighthtml">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextunderlinescalingexpectedtxt">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiossimulatoriosfasttextunderlinescalinghtml">trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling.html</a></li>
<li><a href="#trunkLayoutTestsplatformmacfasttextsystemFontexpectedtxt">trunk/LayoutTests/platform/mac/fast/text/systemFont-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformmacfasttextsystemFonthtml">trunk/LayoutTests/platform/mac/fast/text/systemFont.html</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCoreModulesmediacontrolsmediaControlsApplecss">trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css</a></li>
<li><a href="#trunkSourceWebCoreModulesmediacontrolsmediaControlsiOScss">trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css</a></li>
<li><a href="#trunkSourceWebCoreplatformgraphicsiosFontCacheIOSmm">trunk/Source/WebCore/platform/graphics/ios/FontCacheIOS.mm</a></li>
<li><a href="#trunkSourceWebCoreplatformgraphicsmacFontCacheMacmm">trunk/Source/WebCore/platform/graphics/mac/FontCacheMac.mm</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsfasttextsystemfontlegacynameexpectedtxt">trunk/LayoutTests/fast/text/system-font-legacy-name-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfasttextsystemfontlegacynamehtml">trunk/LayoutTests/fast/text/system-font-legacy-name.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/ChangeLog 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,3 +1,29 @@
</span><ins>+2015-04-30 Dean Jackson <dino@apple.com>
+
+ Expose -apple-system as a font family
+ https://bugs.webkit.org/show_bug.cgi?id=144484
+ <rdar://problem/20767330>
+
+ Reviewed by Tim Horton.
+
+ Change a bunch of tests to use "-apple-system" instead
+ of "-apple-system-font" for font-family.
+
+ Add a test to make sure the old name still works.
+
+ * fast/text/system-font-legacy-name.html
+ * platform/ios-simulator/fast/text/system-monospaced-numbers.html:
+ * platform/ios-simulator/ios/fast/text/apple-logo-expected.txt:
+ * platform/ios-simulator/ios/fast/text/apple-logo.html:
+ * platform/ios-simulator/ios/fast/text/opticalFont-expected.txt:
+ * platform/ios-simulator/ios/fast/text/opticalFont.html:
+ * platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt:
+ * platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html:
+ * platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt:
+ * platform/ios-simulator/ios/fast/text/underline-scaling.html:
+ * platform/mac/fast/text/systemFont-expected.txt:
+ * platform/mac/fast/text/systemFont.html:
+
</ins><span class="cx"> 2015-04-30 Javier Fernandez <jfernandez@igalia.com>
</span><span class="cx">
</span><span class="cx"> [CSS Grid Layout] overflow-position keyword for align and justify properties.
</span></span></pre></div>
<a id="trunkLayoutTestsfasttextsystemfontlegacynameexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/fast/text/system-font-legacy-name-expected.txt (0 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/text/system-font-legacy-name-expected.txt (rev 0)
+++ trunk/LayoutTests/fast/text/system-font-legacy-name-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+These next two lines should be the same width
+
+This is some text
+
+This is some text
+
+PASS: widths were the same
</ins><span class="cx">Property changes on: trunk/LayoutTests/fast/text/system-font-legacy-name-expected.txt
</span><span class="cx">___________________________________________________________________
</span></span></pre></div>
<a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<a id="svnkeywords"></a>
<div class="addfile"><h4>Added: svn:keywords</h4></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4>Added: svn:eol-style</h4></div>
<a id="trunkLayoutTestsfasttextsystemfontlegacynamehtmlfromrev183661trunkLayoutTestsplatformiossimulatorfasttextsystemmonospacednumbershtml"></a>
<div class="copfile"><h4>Copied: trunk/LayoutTests/fast/text/system-font-legacy-name.html (from rev 183661, trunk/LayoutTests/platform/ios-simulator/fast/text/system-monospaced-numbers.html) (0 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/fast/text/system-font-legacy-name.html (rev 0)
+++ trunk/LayoutTests/fast/text/system-font-legacy-name.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<style>
+span {
+ font-size: 24px
+}
+
+#a {
+ font-family: -apple-system;
+}
+
+#b {
+ font-family: -apple-system-font;
+}
+</style>
+<script>
+if (window.testRunner)
+ window.testRunner.dumpAsText();
+
+window.addEventListener("load", run, false);
+
+function run() {
+ var a = document.getElementById("a");
+ var b = document.getElementById("b");
+ var result = document.getElementById("result");
+
+ var aRect = a.getBoundingClientRect();
+ var bRect = b.getBoundingClientRect();
+
+ if (aRect.width == bRect.width)
+ result.textContent = "PASS: widths were the same";
+ else
+ result.textContent = "FAIL: widths were not the same";
+}
+</script>
+<p>These next two lines should be the same width</p>
+<p><span id="a">This is some text</span></p>
+<p><span id="b">This is some text</span></p>
+
+<p id="result"></p>
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatorfasttextsystemmonospacednumbershtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/fast/text/system-monospaced-numbers.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/fast/text/system-monospaced-numbers.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/fast/text/system-monospaced-numbers.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,6 +1,6 @@
</span><span class="cx"> <style>
</span><span class="cx"> span {
</span><del>- font-family: -apple-system-font-monospaced-numbers;
</del><ins>+ font-family: -apple-system-monospaced-numbers;
</ins><span class="cx"> font-size: 24px
</span><span class="cx"> }
</span><span class="cx"> </style>
</span></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextapplelogoexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo-expected.txt (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo-expected.txt 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -23,37 +23,37 @@
</span><span class="cx"> text run at (53,2) width 16: "\x{F8FF}"
</span><span class="cx"> RenderText {#text} at (68,5) size 5x19
</span><span class="cx"> text run at (68,5) width 5: " "
</span><del>- RenderInline {SPAN} at (0,0) size 17x23
- RenderText {#text} at (72,2) size 17x23
- text run at (72,2) width 17: "\x{F8FF}"
- RenderText {#text} at (88,5) size 5x19
- text run at (88,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 17x23
- RenderText {#text} at (92,2) size 17x23
- text run at (92,2) width 17: "\x{F8FF}"
- RenderText {#text} at (108,5) size 5x19
- text run at (108,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 17x23
- RenderText {#text} at (112,2) size 17x23
- text run at (112,2) width 17: "\x{F8FF}"
- RenderText {#text} at (128,5) size 5x19
- text run at (128,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 13x20
- RenderText {#text} at (132,4) size 13x20
- text run at (132,4) width 13: "\x{F8FF}"
- RenderText {#text} at (144,5) size 5x19
- text run at (144,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 17x25
- RenderText {#text} at (148,0) size 17x25
- text run at (148,0) width 17: "\x{F8FF}"
- RenderText {#text} at (164,5) size 5x19
- text run at (164,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 17x25
- RenderText {#text} at (168,0) size 17x25
- text run at (168,0) width 17: "\x{F8FF}"
- RenderText {#text} at (184,5) size 5x19
- text run at (184,5) width 5: " "
- RenderInline {SPAN} at (0,0) size 17x25
- RenderText {#text} at (188,0) size 17x25
- text run at (188,0) width 17: "\x{F8FF}"
</del><ins>+ RenderInline {SPAN} at (0,0) size 14x19
+ RenderText {#text} at (72,5) size 14x19
+ text run at (72,5) width 14: "\x{F8FF}"
+ RenderText {#text} at (85,5) size 5x19
+ text run at (85,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 14x19
+ RenderText {#text} at (89,5) size 14x19
+ text run at (89,5) width 14: "\x{F8FF}"
+ RenderText {#text} at (102,5) size 5x19
+ text run at (102,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 16x23
+ RenderText {#text} at (106,2) size 16x23
+ text run at (106,2) width 16: "\x{F8FF}"
+ RenderText {#text} at (121,5) size 5x19
+ text run at (121,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 16x20
+ RenderText {#text} at (125,4) size 16x20
+ text run at (125,4) width 16: "\x{F8FF}"
+ RenderText {#text} at (140,5) size 5x19
+ text run at (140,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 20x25
+ RenderText {#text} at (144,0) size 20x25
+ text run at (144,0) width 20: "\x{F8FF}"
+ RenderText {#text} at (163,5) size 5x19
+ text run at (163,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 20x25
+ RenderText {#text} at (167,0) size 20x25
+ text run at (167,0) width 20: "\x{F8FF}"
+ RenderText {#text} at (186,5) size 5x19
+ text run at (186,5) width 5: " "
+ RenderInline {SPAN} at (0,0) size 16x25
+ RenderText {#text} at (190,0) size 16x25
+ text run at (190,0) width 16: "\x{F8FF}"
</ins><span class="cx"> RenderText {#text} at (0,0) size 0x0
</span></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextapplelogohtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/apple-logo.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -7,7 +7,7 @@
</span><span class="cx"> <span style="font-size: 20px; font: -apple-system-body; font-family: 'Times New Roman';"></span>
</span><span class="cx"> <span style="font-size: 20px; font: -apple-system-body; font-family: 'Times New Roman'; font-style: italic;"></span>
</span><span class="cx"> <span style="font: -apple-system-body; font-size: 20px; font-family: 'Times New Roman';"></span>
</span><del>-<span style="font-family: -apple-system-font;"></span>
-<span style="font-size: 20px; font-family: -apple-system-font;"></span>
-<span style="font-size: 20px; font-family: -apple-system-font; font-weight: bold"></span>
-<span style="font-size: 20px; font-family: -apple-system-font; font-style: italic"></span>
</del><ins>+<span style="font-family: -apple-system;"></span>
+<span style="font-size: 20px; font-family: -apple-system;"></span>
+<span style="font-size: 20px; font-family: -apple-system; font-weight: bold"></span>
+<span style="font-size: 20px; font-family: -apple-system; font-style: italic"></span>
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont-expected.txt (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont-expected.txt 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,60 +1,56 @@
</span><del>-layer at (0,0) size 800x1349
</del><ins>+layer at (0,0) size 800x1152
</ins><span class="cx"> RenderView at (0,0) size 800x600
</span><del>-layer at (0,0) size 800x1349
- RenderBlock {HTML} at (0,0) size 800x1349
- RenderBody {BODY} at (8,8) size 784x1333
</del><ins>+layer at (0,0) size 800x1152
+ RenderBlock {HTML} at (0,0) size 800x1152
+ RenderBody {BODY} at (8,8) size 784x1136
</ins><span class="cx"> RenderBlock {DIV} at (0,0) size 784x29
</span><del>- RenderText {#text} at (0,0) size 395x29
- text run at (0,0) width 395: "This is a test for -webkit-system-font"
- RenderBlock {DIV} at (0,29) size 784x58
- RenderText {#text} at (0,0) size 744x58
- text run at (0,0) width 744: "This is a test for -apple-system-font. It should be the same as the line"
- text run at (0,29) width 73: "above."
- RenderBlock {DIV} at (0,87) size 784x74
- RenderText {#text} at (0,0) size 710x74
- text run at (0,0) width 710: "This is a test for -webkit-system-font, using the 'font'"
- text run at (0,37) width 114: "property"
- RenderBlock {DIV} at (0,161) size 784x74
- RenderText {#text} at (0,0) size 696x74
- text run at (0,0) width 696: "This is a test for -apple-system-font, using the 'font'"
- text run at (0,37) width 114: "property"
- RenderBlock {DIV} at (0,235) size 784x29
- RenderInline {B} at (0,0) size 548x29
- RenderText {#text} at (0,0) size 548x29
- text run at (0,0) width 548: "This is a test for -webkit-system-font in bold form"
- RenderBlock {DIV} at (0,264) size 784x29
- RenderInline {I} at (0,0) size 528x29
- RenderText {#text} at (0,0) size 528x29
- text run at (0,0) width 528: "This is a test for -webkit-system-font in italic form"
- RenderBlock {DIV} at (0,293) size 784x37
- RenderText {#text} at (0,0) size 663x37
- text run at (0,0) width 663: "This is a test for -webkit-system-font at size 30px"
- RenderBlock {DIV} at (0,330) size 784x88
- RenderText {#text} at (0,0) size 705x88
- text run at (0,0) width 705: "This is a test for -webkit-system-font at size"
- text run at (0,44) width 81: "36px"
- RenderBlock {DIV} at (0,418) size 784x102
- RenderText {#text} at (0,0) size 738x102
- text run at (0,0) width 738: "This is a test for -webkit-system-font at"
- text run at (0,51) width 179: "size 42px"
- RenderBlock {DIV} at (0,520) size 784x116
- RenderText {#text} at (0,0) size 705x116
- text run at (0,0) width 705: "This is a test for -webkit-system-"
- text run at (0,58) width 355: "font at size 48px"
- RenderBlock {DIV} at (0,636) size 784x132
- RenderText {#text} at (0,0) size 600x132
- text run at (0,0) width 600: "This is a test for -webkit-"
- text run at (0,66) width 594: "system-font at size 54px"
- RenderBlock {DIV} at (0,768) size 784x146
- RenderText {#text} at (0,0) size 666x146
- text run at (0,0) width 666: "This is a test for -webkit-"
- text run at (0,73) width 659: "system-font at size 60px"
- RenderBlock {DIV} at (0,914) size 784x158
- RenderText {#text} at (0,0) size 733x158
- text run at (0,0) width 733: "This is a test for -webkit-"
- text run at (0,79) width 725: "system-font at size 66px"
- RenderBlock {DIV} at (0,1072) size 784x261
- RenderText {#text} at (0,0) size 706x261
- text run at (0,0) width 559: "This is a test for -"
- text run at (0,87) width 706: "webkit-system-font at"
- text run at (0,174) width 306: "size 72px"
</del><ins>+ RenderText {#text} at (0,0) size 392x29
+ text run at (0,0) width 392: "This is a test for -webkit-system-font"
+ RenderBlock {DIV} at (0,29) size 784x29
+ RenderText {#text} at (0,0) size 765x29
+ text run at (0,0) width 765: "This is a test for -apple-system. It should be the same as the line above."
+ RenderBlock {DIV} at (0,58) size 784x74
+ RenderText {#text} at (0,0) size 699x74
+ text run at (0,0) width 699: "This is a test for -webkit-system-font, using the 'font'"
+ text run at (0,37) width 113: "property"
+ RenderBlock {DIV} at (0,132) size 784x37
+ RenderText {#text} at (0,0) size 742x37
+ text run at (0,0) width 742: "This is a test for -apple-system, using the 'font' property"
+ RenderBlock {DIV} at (0,169) size 784x29
+ RenderInline {B} at (0,0) size 551x29
+ RenderText {#text} at (0,0) size 551x29
+ text run at (0,0) width 551: "This is a test for -webkit-system-font in bold form"
+ RenderBlock {DIV} at (0,198) size 784x29
+ RenderInline {I} at (0,0) size 512x29
+ RenderText {#text} at (0,0) size 512x29
+ text run at (0,0) width 512: "This is a test for -webkit-system-font in italic form"
+ RenderBlock {DIV} at (0,227) size 784x37
+ RenderText {#text} at (0,0) size 655x37
+ text run at (0,0) width 655: "This is a test for -webkit-system-font at size 30px"
+ RenderBlock {DIV} at (0,264) size 784x44
+ RenderText {#text} at (0,0) size 782x44
+ text run at (0,0) width 782: "This is a test for -webkit-system-font at size 36px"
+ RenderBlock {DIV} at (0,308) size 784x102
+ RenderText {#text} at (0,0) size 721x102
+ text run at (0,0) width 721: "This is a test for -webkit-system-font at"
+ text run at (0,51) width 176: "size 42px"
+ RenderBlock {DIV} at (0,410) size 784x116
+ RenderText {#text} at (0,0) size 769x116
+ text run at (0,0) width 769: "This is a test for -webkit-system-font"
+ text run at (0,58) width 255: "at size 48px"
+ RenderBlock {DIV} at (0,526) size 784x132
+ RenderText {#text} at (0,0) size 769x132
+ text run at (0,0) width 769: "This is a test for -webkit-system-"
+ text run at (0,66) width 390: "font at size 54px"
+ RenderBlock {DIV} at (0,658) size 784x146
+ RenderText {#text} at (0,0) size 642x146
+ text run at (0,0) width 642: "This is a test for -webkit-"
+ text run at (0,73) width 642: "system-font at size 60px"
+ RenderBlock {DIV} at (0,804) size 784x158
+ RenderText {#text} at (0,0) size 704x158
+ text run at (0,0) width 704: "This is a test for -webkit-"
+ text run at (0,79) width 703: "system-font at size 66px"
+ RenderBlock {DIV} at (0,962) size 784x174
+ RenderText {#text} at (0,0) size 766x174
+ text run at (0,0) width 766: "This is a test for -webkit-"
+ text run at (0,87) width 759: "system-font at size 72px"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextopticalFonthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFont.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,8 +1,8 @@
</span><span class="cx"> <body>
</span><span class="cx"> <div style="font-family: -webkit-system-font; font-size: 24px">This is a test for -webkit-system-font</div>
</span><del>- <div style="font-family: -apple-system-font; font-size: 24px">This is a test for -apple-system-font. It should be the same as the line above.</div>
</del><ins>+ <div style="font-family: -apple-system; font-size: 24px">This is a test for -apple-system. It should be the same as the line above.</div>
</ins><span class="cx"> <div style="font: 30.0px -webkit-system-font">This is a test for -webkit-system-font, using the 'font' property</div>
</span><del>- <div style="font: 30px -apple-system-font">This is a test for -apple-system-font, using the 'font' property</div>
</del><ins>+ <div style="font: 30px -apple-system">This is a test for -apple-system, using the 'font' property</div>
</ins><span class="cx"> <div style="font-family: -webkit-system-font; font-size: 24px"><b>This is a test for -webkit-system-font in bold form</b></div>
</span><span class="cx"> <div style="font-family: -webkit-system-font; font-size: 24px"><i>This is a test for -webkit-system-font in italic form</i></div>
</span><span class="cx"> <div style="font-family: -webkit-system-font; font-size: 30px">This is a test for -webkit-system-font at size 30px</div>
</span></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontWithWeightexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,71 +1,71 @@
</span><del>-layer at (0,0) size 800x992
</del><ins>+layer at (0,0) size 800x822
</ins><span class="cx"> RenderView at (0,0) size 800x600
</span><del>-layer at (0,0) size 800x992
- RenderBlock {HTML} at (0,0) size 800x993
- RenderBody {BODY} at (8,8) size 784x969
- RenderBlock {H2} at (0,0) size 784x30
- RenderText {#text} at (0,0) size 165x29
- text run at (0,0) width 165: "Normal Weight"
- RenderBlock {P} at (0,49) size 784x21
- RenderText {#text} at (0,0) size 666x20
- text run at (0,0) width 666: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,89) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "100 Weight"
- RenderBlock {P} at (0,139) size 784x21
- RenderText {#text} at (0,0) size 590x20
- text run at (0,0) width 590: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,179) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "200 Weight"
- RenderBlock {P} at (0,229) size 784x21
- RenderText {#text} at (0,0) size 617x20
- text run at (0,0) width 617: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,269) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "300 Weight"
- RenderBlock {P} at (0,319) size 784x21
- RenderText {#text} at (0,0) size 640x20
- text run at (0,0) width 640: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,359) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "400 Weight"
- RenderBlock {P} at (0,409) size 784x21
- RenderText {#text} at (0,0) size 666x20
- text run at (0,0) width 666: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,449) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "500 Weight"
- RenderBlock {P} at (0,498) size 784x21
- RenderText {#text} at (0,0) size 666x20
- text run at (0,0) width 666: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,538) size 784x31
- RenderText {#text} at (0,0) size 137x29
- text run at (0,0) width 137: "Bold Weight"
- RenderBlock {P} at (0,588) size 784x21
- RenderText {#text} at (0,0) size 688x20
- text run at (0,0) width 688: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,628) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "600 Weight"
- RenderBlock {P} at (0,678) size 784x21
- RenderText {#text} at (0,0) size 688x20
- text run at (0,0) width 688: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,718) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "700 Weight"
- RenderBlock {P} at (0,768) size 784x21
- RenderText {#text} at (0,0) size 688x20
- text run at (0,0) width 688: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,808) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "800 Weight"
- RenderBlock {P} at (0,858) size 784x21
- RenderText {#text} at (0,0) size 688x20
- text run at (0,0) width 688: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
- RenderBlock {H2} at (0,898) size 784x31
- RenderText {#text} at (0,0) size 125x29
- text run at (0,0) width 125: "900 Weight"
- RenderBlock {P} at (0,948) size 784x21
- RenderText {#text} at (0,0) size 688x20
- text run at (0,0) width 688: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
</del><ins>+layer at (0,0) size 800x822
+ RenderBlock {HTML} at (0,0) size 800x822
+ RenderBody {BODY} at (8,8) size 784x798
+ RenderBlock {H2} at (0,0) size 784x22
+ RenderText {#text} at (0,1) size 113x20
+ text run at (0,1) width 113: "Normal Weight"
+ RenderBlock {P} at (0,38) size 784x20
+ RenderText {#text} at (0,0) size 671x20
+ text run at (0,0) width 671: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,74) size 784x22
+ RenderText {#text} at (0,1) size 86x20
+ text run at (0,1) width 86: "100 Weight"
+ RenderBlock {P} at (0,112) size 784x20
+ RenderText {#text} at (0,0) size 662x20
+ text run at (0,0) width 662: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,148) size 784x22
+ RenderText {#text} at (0,1) size 88x20
+ text run at (0,1) width 88: "200 Weight"
+ RenderBlock {P} at (0,186) size 784x20
+ RenderText {#text} at (0,0) size 662x20
+ text run at (0,0) width 662: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,222) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "300 Weight"
+ RenderBlock {P} at (0,260) size 784x20
+ RenderText {#text} at (0,0) size 662x20
+ text run at (0,0) width 662: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,296) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "400 Weight"
+ RenderBlock {P} at (0,334) size 784x20
+ RenderText {#text} at (0,0) size 671x20
+ text run at (0,0) width 671: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,370) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "500 Weight"
+ RenderBlock {P} at (0,408) size 784x20
+ RenderText {#text} at (0,0) size 671x20
+ text run at (0,0) width 671: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,444) size 784x22
+ RenderText {#text} at (0,1) size 92x20
+ text run at (0,1) width 92: "Bold Weight"
+ RenderBlock {P} at (0,482) size 784x20
+ RenderText {#text} at (0,0) size 701x20
+ text run at (0,0) width 701: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,518) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "600 Weight"
+ RenderBlock {P} at (0,556) size 784x20
+ RenderText {#text} at (0,0) size 701x20
+ text run at (0,0) width 701: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,592) size 784x22
+ RenderText {#text} at (0,1) size 88x20
+ text run at (0,1) width 88: "700 Weight"
+ RenderBlock {P} at (0,630) size 784x20
+ RenderText {#text} at (0,0) size 701x20
+ text run at (0,0) width 701: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,666) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "800 Weight"
+ RenderBlock {P} at (0,704) size 784x20
+ RenderText {#text} at (0,0) size 701x20
+ text run at (0,0) width 701: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
+ RenderBlock {H2} at (0,740) size 784x22
+ RenderText {#text} at (0,1) size 89x20
+ text run at (0,1) width 89: "900 Weight"
+ RenderBlock {P} at (0,778) size 784x20
+ RenderText {#text} at (0,0) size 701x20
+ text run at (0,0) width 701: "Body Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ornare ornare mi"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextopticalFontWithWeighthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/opticalFontWithWeight.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -6,7 +6,7 @@
</span><span class="cx"> font: -apple-system-headline;
</span><span class="cx"> }
</span><span class="cx"> p {
</span><del>- font-family: -apple-system-font;
</del><ins>+ font-family: -apple-system;
</ins><span class="cx"> }
</span><span class="cx"> </style>
</span><span class="cx"> </head>
</span></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextunderlinescalingexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -4,29 +4,29 @@
</span><span class="cx"> RenderBlock {HTML} at (0,0) size 800x284
</span><span class="cx"> RenderBody {BODY} at (8,8) size 784x268
</span><span class="cx"> RenderBlock {P} at (0,0) size 784x20
</span><del>- RenderText {#text} at (0,0) size 132x20
- text run at (0,0) width 132: "font-size is default"
</del><ins>+ RenderText {#text} at (0,0) size 135x20
+ text run at (0,0) width 135: "font-size is default"
</ins><span class="cx"> RenderBlock {P} at (0,20) size 784x10
</span><del>- RenderText {#text} at (0,0) size 55x10
- text run at (0,0) width 55: "font-size is 8px"
</del><ins>+ RenderText {#text} at (0,0) size 62x10
+ text run at (0,0) width 62: "font-size is 8px"
</ins><span class="cx"> RenderBlock {P} at (0,30) size 784x15
</span><del>- RenderText {#text} at (0,0) size 89x15
- text run at (0,0) width 89: "font-size is 12px"
</del><ins>+ RenderText {#text} at (0,0) size 93x15
+ text run at (0,0) width 93: "font-size is 12px"
</ins><span class="cx"> RenderBlock {P} at (0,45) size 784x20
</span><del>- RenderText {#text} at (0,0) size 118x20
- text run at (0,0) width 118: "font-size is 16px"
</del><ins>+ RenderText {#text} at (0,0) size 119x20
+ text run at (0,0) width 119: "font-size is 16px"
</ins><span class="cx"> RenderBlock {P} at (0,65) size 784x25
</span><del>- RenderText {#text} at (0,0) size 148x25
- text run at (0,0) width 148: "font-size is 20px"
</del><ins>+ RenderText {#text} at (0,0) size 149x25
+ text run at (0,0) width 149: "font-size is 20px"
</ins><span class="cx"> RenderBlock {P} at (0,90) size 784x29
</span><span class="cx"> RenderText {#text} at (0,0) size 177x29
</span><span class="cx"> text run at (0,0) width 177: "font-size is 24px"
</span><span class="cx"> RenderBlock {P} at (0,119) size 784x39
</span><del>- RenderText {#text} at (0,0) size 236x39
- text run at (0,0) width 236: "font-size is 32px"
</del><ins>+ RenderText {#text} at (0,0) size 234x39
+ text run at (0,0) width 234: "font-size is 32px"
</ins><span class="cx"> RenderBlock {P} at (0,158) size 784x49
</span><del>- RenderText {#text} at (0,0) size 295x49
- text run at (0,0) width 295: "font-size is 40px"
</del><ins>+ RenderText {#text} at (0,0) size 293x49
+ text run at (0,0) width 293: "font-size is 40px"
</ins><span class="cx"> RenderBlock {P} at (0,207) size 784x61
</span><del>- RenderText {#text} at (0,0) size 369x61
- text run at (0,0) width 369: "font-size is 50px"
</del><ins>+ RenderText {#text} at (0,0) size 363x61
+ text run at (0,0) width 363: "font-size is 50px"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformiossimulatoriosfasttextunderlinescalinghtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/ios-simulator/ios/fast/text/underline-scaling.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -4,7 +4,7 @@
</span><span class="cx"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</span><span class="cx"> <style>
</span><span class="cx"> p {
</span><del>- font-family: -apple-system-font;
</del><ins>+ font-family: -apple-system;
</ins><span class="cx"> text-decoration: underline;
</span><span class="cx"> margin-top: 0;
</span><span class="cx"> margin-bottom: 0;
</span></span></pre></div>
<a id="trunkLayoutTestsplatformmacfasttextsystemFontexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/mac/fast/text/systemFont-expected.txt (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/mac/fast/text/systemFont-expected.txt 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/mac/fast/text/systemFont-expected.txt 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,8 +1,8 @@
</span><del>-layer at (0,0) size 785x2092
</del><ins>+layer at (0,0) size 785x2036
</ins><span class="cx"> RenderView at (0,0) size 785x600
</span><del>-layer at (0,0) size 785x2092
- RenderBlock {HTML} at (0,0) size 785x2092
- RenderBody {BODY} at (8,8) size 769x2076
</del><ins>+layer at (0,0) size 785x2036
+ RenderBlock {HTML} at (0,0) size 785x2036
+ RenderBody {BODY} at (8,8) size 769x2020
</ins><span class="cx"> RenderBlock {DIV} at (0,0) size 769x897
</span><span class="cx"> RenderBlock {DIV} at (0,0) size 769x28
</span><span class="cx"> RenderText {#text} at (0,0) size 438x28
</span><span class="lines">@@ -41,58 +41,57 @@
</span><span class="cx"> RenderText {#text} at (0,0) size 762x170
</span><span class="cx"> text run at (0,0) width 551: "This is a test for -"
</span><span class="cx"> text run at (0,85) width 762: "webkit-system-font font"
</span><del>- RenderBlock {DIV} at (0,897) size 769x897
</del><ins>+ RenderBlock {DIV} at (0,897) size 769x841
</ins><span class="cx"> RenderBlock {DIV} at (0,0) size 769x28
</span><del>- RenderText {#text} at (0,0) size 427x28
- text run at (0,0) width 427: "This is a test for -apple-system-font font"
</del><ins>+ RenderText {#text} at (0,0) size 376x28
+ text run at (0,0) width 376: "This is a test for -apple-system font"
</ins><span class="cx"> RenderBlock {DIV} at (0,28) size 769x35
</span><del>- RenderText {#text} at (0,0) size 533x35
- text run at (0,0) width 533: "This is a test for -apple-system-font font"
</del><ins>+ RenderText {#text} at (0,0) size 470x35
+ text run at (0,0) width 470: "This is a test for -apple-system font"
</ins><span class="cx"> RenderBlock {DIV} at (0,63) size 769x35
</span><del>- RenderText {#text} at (0,0) size 533x35
- text run at (0,0) width 533: "This is a test for -apple-system-font font"
</del><ins>+ RenderText {#text} at (0,0) size 470x35
+ text run at (0,0) width 470: "This is a test for -apple-system font"
</ins><span class="cx"> RenderBlock {DIV} at (0,98) size 769x43
</span><del>- RenderInline {B} at (0,0) size 686x43
- RenderText {#text} at (0,0) size 686x43
- text run at (0,0) width 686: "This is a test for -apple-system-font font"
</del><ins>+ RenderInline {B} at (0,0) size 604x43
+ RenderText {#text} at (0,0) size 604x43
+ text run at (0,0) width 604: "This is a test for -apple-system font"
</ins><span class="cx"> RenderBlock {DIV} at (0,141) size 769x50
</span><del>- RenderInline {I} at (0,0) size 747x50
- RenderText {#text} at (0,0) size 747x50
- text run at (0,0) width 747: "This is a test for -apple-system-font font"
- RenderBlock {DIV} at (0,191) size 769x112
- RenderText {#text} at (0,0) size 758x112
- text run at (0,0) width 758: "This is a test for -apple-system-font"
- text run at (0,56) width 83: "font"
- RenderBlock {DIV} at (0,303) size 769x126
- RenderText {#text} at (0,0) size 759x126
- text run at (0,0) width 759: "This is a test for -apple-system-"
- text run at (0,63) width 201: "font font"
- RenderBlock {DIV} at (0,429) size 769x142
</del><ins>+ RenderInline {I} at (0,0) size 658x50
+ RenderText {#text} at (0,0) size 658x50
+ text run at (0,0) width 658: "This is a test for -apple-system font"
+ RenderBlock {DIV} at (0,191) size 769x56
+ RenderText {#text} at (0,0) size 752x56
+ text run at (0,0) width 752: "This is a test for -apple-system font"
+ RenderBlock {DIV} at (0,247) size 769x126
+ RenderText {#text} at (0,0) size 739x126
+ text run at (0,0) width 739: "This is a test for -apple-system"
+ text run at (0,63) width 93: "font"
+ RenderBlock {DIV} at (0,373) size 769x142
</ins><span class="cx"> RenderText {#text} at (0,0) size 630x142
</span><span class="cx"> text run at (0,0) width 630: "This is a test for -apple-"
</span><del>- text run at (0,71) width 437: "system-font font"
- RenderBlock {DIV} at (0,571) size 769x156
</del><ins>+ text run at (0,71) width 311: "system font"
+ RenderBlock {DIV} at (0,515) size 769x156
</ins><span class="cx"> RenderText {#text} at (0,0) size 693x156
</span><span class="cx"> text run at (0,0) width 693: "This is a test for -apple-"
</span><del>- text run at (0,78) width 481: "system-font font"
- RenderBlock {DIV} at (0,727) size 769x170
</del><ins>+ text run at (0,78) width 342: "system font"
+ RenderBlock {DIV} at (0,671) size 769x170
</ins><span class="cx"> RenderText {#text} at (0,0) size 756x170
</span><span class="cx"> text run at (0,0) width 756: "This is a test for -apple-"
</span><del>- text run at (0,85) width 525: "system-font font"
- RenderBlock {DIV} at (0,1794) size 769x282
</del><ins>+ text run at (0,85) width 373: "system font"
+ RenderBlock {DIV} at (0,1738) size 769x282
</ins><span class="cx"> RenderBlock {DIV} at (0,0) size 769x56
</span><del>- RenderText {#text} at (0,0) size 695x56
- text run at (0,0) width 695: "This is a test for -apple-system-font-monospaced-numbers font -"
</del><ins>+ RenderText {#text} at (0,0) size 644x56
+ text run at (0,0) width 644: "This is a test for -apple-system-monospaced-numbers font -"
</ins><span class="cx"> text run at (0,28) width 126: "00:11:22:33"
</span><span class="cx"> RenderBlock {DIV} at (0,56) size 769x70
</span><del>- RenderText {#text} at (0,0) size 672x70
- text run at (0,0) width 672: "This is a test for -apple-system-font-monospaced-"
- text run at (0,35) width 362: "numbers font - 00:11:22:33"
</del><ins>+ RenderText {#text} at (0,0) size 726x70
+ text run at (0,0) width 726: "This is a test for -apple-system-monospaced-numbers"
+ text run at (0,35) width 237: "font - 00:11:22:33"
</ins><span class="cx"> RenderBlock {DIV} at (0,126) size 769x70
</span><del>- RenderText {#text} at (0,0) size 672x70
- text run at (0,0) width 672: "This is a test for -apple-system-font-monospaced-"
- text run at (0,35) width 362: "numbers font - 00:11:22:33"
</del><ins>+ RenderText {#text} at (0,0) size 726x70
+ text run at (0,0) width 726: "This is a test for -apple-system-monospaced-numbers"
+ text run at (0,35) width 237: "font - 00:11:22:33"
</ins><span class="cx"> RenderBlock {DIV} at (0,196) size 769x86
</span><del>- RenderText {#text} at (0,0) size 658x86
- text run at (0,0) width 582: "This is a test for -apple-system-font-"
- text run at (0,43) width 658: "monospaced-numbers font - 00:11:22:33"
</del><ins>+ RenderText {#text} at (0,0) size 730x86
+ text run at (0,0) width 730: "This is a test for -apple-system-monospaced-"
+ text run at (0,43) width 434: "numbers font - 00:11:22:33"
</ins></span></pre></div>
<a id="trunkLayoutTestsplatformmacfasttextsystemFonthtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/platform/mac/fast/text/systemFont.html (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/platform/mac/fast/text/systemFont.html 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/LayoutTests/platform/mac/fast/text/systemFont.html 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -12,21 +12,21 @@
</span><span class="cx"> <div style="font-family: -webkit-system-font; font-size: 72px">This is a test for -webkit-system-font font</div>
</span><span class="cx"> </div>
</span><span class="cx"> <div>
</span><del>- <div style="font-family: -apple-system-font; font-size: 24px">This is a test for -apple-system-font font</div>
- <div style="font: 30.0px '-apple-system-font'">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 30px">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 36px"><b>This is a test for -apple-system-font font</b></div>
- <div style="font-family: -apple-system-font; font-size: 42px"><i>This is a test for -apple-system-font font</i></div>
- <div style="font-family: -apple-system-font; font-size: 48px">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 54px">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 60px">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 66px">This is a test for -apple-system-font font</div>
- <div style="font-family: -apple-system-font; font-size: 72px">This is a test for -apple-system-font font</div>
</del><ins>+ <div style="font-family: -apple-system; font-size: 24px">This is a test for -apple-system font</div>
+ <div style="font: 30.0px '-apple-system'">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 30px">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 36px"><b>This is a test for -apple-system font</b></div>
+ <div style="font-family: -apple-system; font-size: 42px"><i>This is a test for -apple-system font</i></div>
+ <div style="font-family: -apple-system; font-size: 48px">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 54px">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 60px">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 66px">This is a test for -apple-system font</div>
+ <div style="font-family: -apple-system; font-size: 72px">This is a test for -apple-system font</div>
</ins><span class="cx"> </div>
</span><span class="cx"> <div>
</span><del>- <div style="font-family: -apple-system-font-monospaced-numbers; font-size: 24px">This is a test for -apple-system-font-monospaced-numbers font - 00:11:22:33</div>
- <div style="font: 30.0px '-apple-system-font-monospaced-numbers'">This is a test for -apple-system-font-monospaced-numbers font - 00:11:22:33</div>
- <div style="font-family: -apple-system-font-monospaced-numbers; font-size: 30px">This is a test for -apple-system-font-monospaced-numbers font - 00:11:22:33</div>
- <div style="font-family: -apple-system-font-monospaced-numbers; font-size: 36px">This is a test for -apple-system-font-monospaced-numbers font - 00:11:22:33</div>
</del><ins>+ <div style="font-family: -apple-system-monospaced-numbers; font-size: 24px">This is a test for -apple-system-monospaced-numbers font - 00:11:22:33</div>
+ <div style="font: 30.0px '-apple-system-monospaced-numbers'">This is a test for -apple-system-monospaced-numbers font - 00:11:22:33</div>
+ <div style="font-family: -apple-system-monospaced-numbers; font-size: 30px">This is a test for -apple-system-monospaced-numbers font - 00:11:22:33</div>
+ <div style="font-family: -apple-system-monospaced-numbers; font-size: 36px">This is a test for -apple-system-monospaced-numbers font - 00:11:22:33</div>
</ins><span class="cx"> </div>
</span><span class="cx"> </body>
</span></span></pre></div>
<a id="trunkSourceWebCoreChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/ChangeLog (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/ChangeLog 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/Source/WebCore/ChangeLog 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -1,3 +1,31 @@
</span><ins>+2015-04-30 Dean Jackson <dino@apple.com>
+
+ Expose -apple-system as a font family
+ https://bugs.webkit.org/show_bug.cgi?id=144484
+ <rdar://problem/20767330>
+
+ Reviewed by Tim Horton.
+
+ Accept "-apple-system" for the font-family property, and
+ rename "-apple-system-font-monospaced-numbers" to
+ "-apple-system-monospaced-numbers".
+
+ Also change the media controls to use the new name.
+
+ Covered by existing tests and this new one:
+ fast/text/system-font-legacy-name.html
+
+ * Modules/mediacontrols/mediaControlsApple.css:
+ (audio::-webkit-media-controls-time-remaining-display):
+ * Modules/mediacontrols/mediaControlsiOS.css:
+ (::-webkit-media-controls):
+ (audio::-webkit-media-controls-time-remaining-display):
+ (audio::-webkit-media-controls-status-display):
+ * platform/graphics/ios/FontCacheIOS.mm: Add support for the new name.
+ (WebCore::createCTFontWithFamilyNameAndWeight):
+ * platform/graphics/mac/FontCacheMac.mm: Ditto.
+ (WebCore::fontWithFamily):
+
</ins><span class="cx"> 2015-04-30 Javier Fernandez <jfernandez@igalia.com>
</span><span class="cx">
</span><span class="cx"> [CSS Grid Layout] overflow-position keyword for align and justify properties.
</span></span></pre></div>
<a id="trunkSourceWebCoreModulesmediacontrolsmediaControlsApplecss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsApple.css 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -498,7 +498,7 @@
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> position: relative;
</span><span class="cx"> bottom: 0.5px;
</span><del>- font-family: -apple-system-font-monospaced-numbers;
</del><ins>+ font-family: -apple-system-monospaced-numbers;
</ins><span class="cx"> -webkit-text-size-adjust:none;
</span><span class="cx"> mix-blend-mode: plus-lighter;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebCoreModulesmediacontrolsmediaControlsiOScss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/Source/WebCore/Modules/mediacontrols/mediaControlsiOS.css 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -57,7 +57,7 @@
</span><span class="cx"> -webkit-align-items: stretch;
</span><span class="cx"> -webkit-justify-content: flex-end;
</span><span class="cx"> -webkit-flex-direction: column;
</span><del>- font-family: -apple-system-font;
</del><ins>+ font-family: -apple-system;
</ins><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -416,7 +416,7 @@
</span><span class="cx"> opacity: 0.55;
</span><span class="cx"> height: 50px;
</span><span class="cx"> font-size: 13px;
</span><del>- font-family: -apple-system-font-monospaced-numbers;
</del><ins>+ font-family: -apple-system-monospaced-numbers;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> audio::-webkit-media-controls-current-time-display,
</span><span class="lines">@@ -496,7 +496,7 @@
</span><span class="cx"> audio::-webkit-media-controls-status-display {
</span><span class="cx">
</span><span class="cx"> overflow: hidden;
</span><del>- font-family: -apple-system-font;
</del><ins>+ font-family: -apple-system;
</ins><span class="cx"> letter-spacing: normal;
</span><span class="cx"> word-spacing: normal;
</span><span class="cx"> line-height: normal;
</span></span></pre></div>
<a id="trunkSourceWebCoreplatformgraphicsiosFontCacheIOSmm"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/platform/graphics/ios/FontCacheIOS.mm (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/platform/graphics/ios/FontCacheIOS.mm 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/Source/WebCore/platform/graphics/ios/FontCacheIOS.mm 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -602,8 +602,9 @@
</span><span class="cx"> return nullptr;
</span><span class="cx">
</span><span class="cx"> static NeverDestroyed<AtomicString> systemUIFontWithWebKitPrefix("-webkit-system-font", AtomicString::ConstructFromLiteral);
</span><del>- static NeverDestroyed<AtomicString> systemUIFontWithApplePrefix("-apple-system-font", AtomicString::ConstructFromLiteral);
- if (equalIgnoringCase(familyName, systemUIFontWithWebKitPrefix) || equalIgnoringCase(familyName, systemUIFontWithApplePrefix)) {
</del><ins>+ static NeverDestroyed<AtomicString> systemUIFontWithApplePrefix("-apple-system", AtomicString::ConstructFromLiteral);
+ static NeverDestroyed<AtomicString> systemUIFontWithAppleAlternatePrefix("-apple-system-font", AtomicString::ConstructFromLiteral);
+ if (equalIgnoringCase(familyName, systemUIFontWithWebKitPrefix) || equalIgnoringCase(familyName, systemUIFontWithApplePrefix) || equalIgnoringCase(familyName, systemUIFontWithAppleAlternatePrefix)) {
</ins><span class="cx"> CTFontUIFontType fontType = kCTFontUIFontSystem;
</span><span class="cx"> if (weight > 300) {
</span><span class="cx"> // The comment below has been copied from CoreText/UIFoundation. However, in WebKit we synthesize the oblique,
</span><span class="lines">@@ -623,7 +624,7 @@
</span><span class="cx"> return CTFontCreateWithFontDescriptor(fontDescriptor.get(), size, nullptr);
</span><span class="cx"> }
</span><span class="cx">
</span><del>- static NeverDestroyed<AtomicString> systemUIMonospacedNumbersFontWithApplePrefix("-apple-system-font-monospaced-numbers", AtomicString::ConstructFromLiteral);
</del><ins>+ static NeverDestroyed<AtomicString> systemUIMonospacedNumbersFontWithApplePrefix("-apple-system-monospaced-numbers", AtomicString::ConstructFromLiteral);
</ins><span class="cx"> if (equalIgnoringCase(familyName, systemUIMonospacedNumbersFontWithApplePrefix)) {
</span><span class="cx"> RetainPtr<CTFontDescriptorRef> systemFontDescriptor = adoptCF(CTFontDescriptorCreateForUIType(kCTFontUIFontSystem, size, nullptr));
</span><span class="cx"> RetainPtr<CTFontDescriptorRef> monospaceFontDescriptor = adoptCF(CTFontDescriptorCreateCopyWithFeature(systemFontDescriptor.get(), (CFNumberRef)@(kNumberSpacingType), (CFNumberRef)@(kMonospacedNumbersSelector)));
</span></span></pre></div>
<a id="trunkSourceWebCoreplatformgraphicsmacFontCacheMacmm"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebCore/platform/graphics/mac/FontCacheMac.mm (183661 => 183662)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebCore/platform/graphics/mac/FontCacheMac.mm 2015-05-01 01:38:27 UTC (rev 183661)
+++ trunk/Source/WebCore/platform/graphics/mac/FontCacheMac.mm 2015-05-01 01:56:32 UTC (rev 183662)
</span><span class="lines">@@ -208,12 +208,12 @@
</span><span class="cx"> // we then do a search based on the family names of the installed fonts.
</span><span class="cx"> static NSFont *fontWithFamily(const AtomicString& family, NSFontTraitMask desiredTraits, FontWeight weight, float size)
</span><span class="cx"> {
</span><del>- if (equalIgnoringASCIICase(family.string(), String(@"-webkit-system-font")) || equalIgnoringASCIICase(family.string(), String(@"-apple-system-font"))) {
</del><ins>+ if (equalIgnoringASCIICase(family.string(), String(@"-webkit-system-font")) || equalIgnoringASCIICase(family.string(), String(@"-apple-system")) || equalIgnoringASCIICase(family.string(), String(@"-apple-system-font"))) {
</ins><span class="cx"> // We ignore italic for system font.
</span><span class="cx"> return (weight >= FontWeight600) ? [NSFont boldSystemFontOfSize:size] : [NSFont systemFontOfSize:size];
</span><span class="cx"> }
</span><span class="cx">
</span><del>- if (equalIgnoringASCIICase(family.string(), String(@"-apple-system-font-monospaced-numbers"))) {
</del><ins>+ if (equalIgnoringASCIICase(family.string(), String(@"-apple-system-monospaced-numbers"))) {
</ins><span class="cx"> NSArray *featureArray = @[ @{ NSFontFeatureTypeIdentifierKey : @(kNumberSpacingType),
</span><span class="cx"> NSFontFeatureSelectorIdentifierKey : @(kMonospacedNumbersSelector) } ];
</span><span class="cx">
</span></span></pre>
</div>
</div>
</body>
</html>