- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 21 May 2011 01:37:13 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes
In directory hutz:/tmp/cvs-serv4622
Modified Files:
Overview.html Overview.src.html
Log Message:
Switch to PNG images because SVG support on the Web is still sucky
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.html,v
retrieving revision 1.130
retrieving revision 1.131
diff -u -d -r1.130 -r1.131
--- Overview.html 20 May 2011 21:44:16 -0000 1.130
+++ Overview.html 21 May 2011 01:37:11 -0000 1.131
@@ -9,8 +9,6 @@
<style type="text/css">
object { vertical-align: middle; }
.sidebar { float: right; background: #eee; border: solid gray; margin: 1em; }
- .landscape { height: 10em; }
- .portrait { width: 10em; }
.sidebar .figure { margin: 1em; }
.sidebar object { margin: 0 auto; display: block; }
.figurepair { display: table; margin: 1em auto; }
@@ -18,7 +16,7 @@
h2, .example { clear: both; }
.figure img,
.figure object,
- dd object { max-width: 100%; display: block; margin: 1em auto; }
+ dd img { max-width: 100%; display: block; margin: 1em auto; }
</style>
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
type="text/css">
@@ -30,7 +28,7 @@
<h1>CSS Writing Modes Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 May 2011</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 May 2011</h2>
<dl>
<dt>This version:
@@ -38,7 +36,7 @@
<dd><a
href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
<!--
- <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110520">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110520/</a>
+ <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110521">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110521/</a>
-->
@@ -319,21 +317,24 @@
href="#block-flow-direction"><i>block flow direction</i></a>:
<div class=sidebar>
- <div class="figure right"> <object class=landscape
- data="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml"></object>
+ <div class="figure right"> <a href="diagrams/text-flow-vectors-tb.svg"
+ type="image/svg+xml"> <img class=landscape
+ src="diagrams/text-flow-vectors-tb.png"></a>
<p class=caption>Latin-based writing mode
</div>
- <div class="figure left"> <object class=portrait
- data="diagrams/text-flow-vectors-lr-reverse.svg"
- type="image/svg+xml"></object>
+ <div class="figure left"> <a
+ href="diagrams/text-flow-vectors-lr-reverse.svg" type="image/svg+xml">
+ <img class=landscape src="diagrams/text-flow-vectors-lr-reverse.png"></a>
+
<p class=caption>Mongolian-based writing mode
</div>
- <div class="figure right"> <object class=landscape
- data="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml"></object>
- <object class=portrait data="diagrams/text-flow-vectors-rl.svg"
- type="image/svg+xml"></object>
+ <div class="figure right"> <a href="diagrams/text-flow-vectors-tb.svg"
+ type="image/svg+xml"> <img class=landscape
+ src="diagrams/text-flow-vectors-tb.png"></a> <a
+ href="diagrams/text-flow-vectors-rl.svg" type="image/svg+xml"> <img
+ class=landscape src="diagrams/text-flow-vectors-rl.png"></a>
<p class=caption>Han-based writing mode
</div>
</div>
@@ -1414,15 +1415,15 @@
<dl>
<dt>rotate
- <dd>Rotate the glyph from horizontal to vertical <object class=figure
- data="diagrams/glyph-right.svg" height=80 type="image/svg+xml"
- width=110></object>
+ <dd>Rotate the glyph from horizontal to vertical <a
+ href="diagrams/glyph-right.svg" type="image/svg+xml"> <img class=figure
+ src="diagrams/glyph-right.png"></a>
<dt>translate
- <dd>Translate the glyph from horizontal to vertical <object class=figure
- data="diagrams/glyph-upright.svg" height=110 type="image/svg+xml"
- width=80></object>
+ <dd>Translate the glyph from horizontal to vertical <a
+ href="diagrams/glyph-upright.svg" type="image/svg+xml"> <img class=figure
+ src="diagrams/glyph-upright.png"></a>
</dl>
<p>Scripts with a native vertical orientation have an intrinsic
@@ -1678,18 +1679,21 @@
typographic modes:
<ul>
- <li>If the font and font system support mixed-orientation typesetting, the
- UA should rely on that feature to set ‘<a
- href="#vertical-right"><code class=css>vertical-right</code></a>’
- text. Similarly if the font and font system support upright typesetting
- then the UA should rely on that feature to set ‘<a
- href="#upright"><code class=css>upright</code></a>’ text.
+ <li>
+ <p>If the font and font system support mixed-orientation typesetting, the
+ UA should rely on that feature to set ‘<a
+ href="#vertical-right"><code class=css>vertical-right</code></a>’
+ text. Similarly if the font and font system support upright typesetting
+ then the UA should rely on that feature to set ‘<a
+ href="#upright"><code class=css>upright</code></a>’ text.
+
+ <li>
+ <p>If the UA needs to synthesize such features (e.g. if an OpenType font
+ has only the <code>vert</code> but not the <code>vrt2</code> feature),
+ then <strong>for characters belonging to the Common, Inherited, and
+ Unknown script categories</strong> the following settings are
+ recommended:
- <li>If the UA needs to synthesize such features (e.g. if an OpenType font
- has only the <code>vert</code> but not the <code>vrt2</code> feature),
- then <strong>for characters belonging to the Common, Inherited, and
- Unknown script categories</strong> the following settings are
- recommended:
<dl>
<dt>when ‘<a href="#text-orientation0"><code
class=property>text-orientation</code></a>’ is ‘<a
@@ -1729,8 +1733,10 @@
<li>Aegean numbers (U+10107–U+10133) and North Indic fractions
(U+A830–U+A835) from the Other Number (No) category.
- <li id=rotate-drawing>Box Drawing (U+2500–U+257F), Block Elements
- (U+2580–U+259F), and Arrows (U+2190–U+21FF)
+ <li id=rotate-drawing>All Box Drawing (U+2500–U+257F), Block Element
+ (U+2580–U+259F), and Arrow (U+2190–U+21FF) characters
+
+ <li>Other Symbols (So) from the Latin-1 and Letterlike Symbols blocks
</ul>
Set the following characters using vertical font settings if available,
otherwise set them sideways:
@@ -1739,8 +1745,6 @@
href="#UAX11" rel=biblioentry>[UAX11]<!--{{!UAX11}}--></a> of
ambiguous (A).
- <li>Other Symbols (So) characters from the Latin-1 block
-
<li>Superscripts, subscripts, and remaining fractions from the Other
Number (No) category.
@@ -1752,13 +1756,14 @@
<dd>Set all characters upright unless otherwise specified below.
</dl>
- Additionally, spaces (Zs), dashes (Pd), connectors (Pc), bracketing
- punctuation (Ps, Pe, Pi, Pf) and East Asian Halfwidth (H) symbols (S*)
- and punctuation (P*) should either be set with vertical metrics /
- alternates if available or set sideways if they are not. Thus a
- THREE-PER-EM SPACE (U+2004) can be expected to provide a 1/3-em advance
- in the inline dimension, and brackets can be expected to encase their
- contents.
+
+ <p>Additionally, spaces (Zs), dashes (Pd), connectors (Pc), bracketing
+ punctuation (Ps, Pe, Pi, Pf) and East Asian Halfwidth (H) symbols (S*)
+ and punctuation (P*) should either be set with vertical metrics /
+ alternates if available or set sideways if they are not. Thus a
+ THREE-PER-EM SPACE (U+2004) can be expected to provide a 1/3-em advance
+ in the inline dimension, and brackets can be expected to encase their
+ contents.
</ul>
<h2 id=abstract-box><span class=secno>6. </span> Abstract Box Terminology</h2>
@@ -1881,19 +1886,22 @@
class=property>text-orientation</code></a>’ properties, the
line-left side of a box could be on the physical left, top, or bottom.
- <div class=figure> <object class=landscape
- data="diagrams/line-orient-up.svg" type="image/svg+xml"></object>
+ <div class=figure> <a href="diagrams/line-orient-up.svg"
+ type="image/svg+xml"> <img class=landscape
+ src="diagrams/line-orient-up.png"></a>
<p class=caption>Line orientation compass</p>
</div>
<div class=figurepair>
- <div class=figure> <object class=portrait
- data="diagrams/line-orient-right.svg" type="image/svg+xml"></object>
+ <div class=figure> <a href="diagrams/line-orient-right.svg"
+ type="image/svg+xml"> <img class=portrait
+ src="diagrams/line-orient-right.png"></a>
<p class=caption>Typical orientation in vertical</p>
</div>
- <div class=figure> <object class=portrait
- data="diagrams/line-orient-left.svg" type="image/svg+xml"></object>
+ <div class=figure> <a href="diagrams/line-orient-left.svg"
+ type="image/svg+xml"> <img class=portrait
+ src="diagrams/line-orient-left.png"></a>
<p class=caption>Line orientation with ‘<code
class=css>text-orientation: rotate-left</code>’</p>
</div>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v
retrieving revision 1.137
retrieving revision 1.138
diff -u -d -r1.137 -r1.138
--- Overview.src.html 20 May 2011 22:04:07 -0000 1.137
+++ Overview.src.html 21 May 2011 01:37:11 -0000 1.138
@@ -7,8 +7,6 @@
<style type="text/css">
object { vertical-align: middle; }
.sidebar { float: right; background: #eee; border: solid gray; margin: 1em; }
- .landscape { height: 10em; }
- .portrait { width: 10em; }
.sidebar .figure { margin: 1em; }
.sidebar object { margin: 0 auto; display: block; }
.figurepair { display: table; margin: 1em auto; }
@@ -16,7 +14,7 @@
h2, .example { clear: both; }
.figure img,
.figure object,
- dd object { max-width: 100%; display: block; margin: 1em auto; }
+ dd img { max-width: 100%; display: block; margin: 1em auto; }
</style>
<link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/TR/W3C-WD.css">
</head>
@@ -92,22 +90,22 @@
<div class="sidebar">
<div class="figure right">
- <object data="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml"
- class="landscape"></object>
+ <a href="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml">
+ <img src="diagrams/text-flow-vectors-tb.png" class="landscape"></a>
<p class="caption">Latin-based writing mode
</div>
- <div class="figure left">
- <object data="diagrams/text-flow-vectors-lr-reverse.svg" type="image/svg+xml"
- class="portrait"></object>
- <p class="caption">Mongolian-based writing mode
- </div>
- <div class="figure right">
- <object data="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml"
- class="landscape"></object>
- <object data="diagrams/text-flow-vectors-rl.svg" type="image/svg+xml"
- class="portrait"></object>
- <p class="caption">Han-based writing mode
- </div>
+ <div class="figure left">
+ <a href="diagrams/text-flow-vectors-lr-reverse.svg" type="image/svg+xml">
+ <img src="diagrams/text-flow-vectors-lr-reverse.png" class="landscape"></a>
+ <p class="caption">Mongolian-based writing mode
+ </div>
+ <div class="figure right">
+ <a href="diagrams/text-flow-vectors-tb.svg" type="image/svg+xml">
+ <img src="diagrams/text-flow-vectors-tb.png" class="landscape"></a>
+ <a href="diagrams/text-flow-vectors-rl.svg" type="image/svg+xml">
+ <img src="diagrams/text-flow-vectors-rl.png" class="landscape"></a>
+ <p class="caption">Han-based writing mode
+ </div>
</div>
<p>The <dfn>inline base direction</dfn> is the primary direction in which
@@ -1022,11 +1020,13 @@
<dl>
<dt>rotate</dt>
<dd>Rotate the glyph from horizontal to vertical
- <object data="diagrams/glyph-right.svg" class="figure" type="image/svg+xml" height="80" width="110"></object>
+ <a href="diagrams/glyph-right.svg" type="image/svg+xml">
+ <img src="diagrams/glyph-right.png" class="figure"></a>
<dt>translate</dt>
<dd>Translate the glyph from horizontal to vertical
- <object data="diagrams/glyph-upright.svg" class="figure" type="image/svg+xml" height="110" width="80"></object>
+ <a href="diagrams/glyph-upright.svg" type="image/svg+xml">
+ <img src="diagrams/glyph-upright.png" class="figure"></a>
</dl>
<p>Scripts with a native vertical orientation have an
@@ -1364,21 +1364,21 @@
a box could be on the physical left, top, or bottom.
<div class="figure">
- <object data="diagrams/line-orient-up.svg" type="image/svg+xml"
- class="landscape"></object>
+ <a href="diagrams/line-orient-up.svg" type="image/svg+xml">
+ <img src="diagrams/line-orient-up.png" class="landscape"></a>
<p class="caption">Line orientation compass</p>
</div>
<div class="figurepair">
<div class="figure">
- <object data="diagrams/line-orient-right.svg" type="image/svg+xml"
- class="portrait"></object>
+ <a href="diagrams/line-orient-right.svg" type="image/svg+xml">
+ <img src="diagrams/line-orient-right.png" class="portrait"></a>
<p class="caption">Typical orientation in vertical</p>
</div>
<div class="figure">
- <object data="diagrams/line-orient-left.svg" type="image/svg+xml"
- class="portrait"></object>
+ <a href="diagrams/line-orient-left.svg" type="image/svg+xml">
+ <img src="diagrams/line-orient-left.png" class="portrait"></a>
<p class="caption">Line orientation with ''text-orientation: rotate-left''</p>
</div>
</div>
Received on Saturday, 21 May 2011 01:37:15 UTC