Source code
Revision control
Copy as Markdown
Other Tools
SVG Preview (Scaled)
<svg version="1.1" baseProfile="tiny" id="svg-root"
width="100%" height="100%" viewBox="0 0 480 360"
<!--======================================================================-->
<!--= SVG 1.1 2nd Edition Test Case =-->
<!--======================================================================-->
<!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, European Research Consortium for =-->
<!--= Informatics and Mathematics (ERCIM), Keio University). =-->
<!--= All Rights Reserved. =-->
<!--======================================================================-->
template-version="1.4" reviewer="DS" owner="CL" status="accepted"
version="$Revision: 1.4 $" testname="$RCSfile: text-fonts-202-t.svg,v $">
<d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/text.html#FontPropertiesUsedBySVG">
<p>
This tests the 'font-weight' property when multiple weights are available. A
font family with six weights is specified, with a fallback to 'serif'.
</p>
<p>
If only one font weight is available, they should all display at the same weight.
The transition from black to green figures shows the correct light to bold transition
for the common case where two weights are available. If three or more weights are
available, see the CSS2 specification for how these are allocated to the nine weight
numbers. The specified font has six weights.
</p>
<p>
The absolute keywords 'normal' and bold' are tested by the first two lines on the
right hand side of the test, the third line of text tests the to 'bolder' relative
keyword and the fourth tests the 'lighter' relative keyword.
</p>
</d:testDescription>
<p>
If the platform supports installable opentype fonts, please download and install
Then, view this test.
</p>
</d:operatorScript>
<p>
The numerical weight values (100 to 900) should show the lighter weights on the
lower numbers and the heavier weights on the larger numbers. Heavier is defined
to mean 'no lighter'.
</p>
</d:passCriteria>
</d:SVGTestCase>
<title id="test-title">$RCSfile: text-fonts-202-t.svg,v $</title>
<defs>
<font-face
font-family="SVGFreeSansASCII"
unicode-range="U+0-7F">
<font-face-src>
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
</font-face-src>
</font-face>
</defs>
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
<g font-family="'ZalamanderCaps', serif" font-size="30">
<text font-weight="100" x="360" y="50">100</text>
<text font-weight="200" x="360" y="85">200</text>
<text font-weight="300" x="360" y="120">300</text>
<text font-weight="400" x="360" y="155">400</text>
<text font-weight="500" x="360" y="190">500</text>
<text fill="green" font-weight="600" x="360" y="225">600</text>
<text fill="green" font-weight="700" x="360" y="260">700</text>
<text fill="green" font-weight="800" x="360" y="295">800</text>
<text fill="green" font-weight="900" x="360" y="330">900</text>
<text font-weight="bold" x="60" y="80">This is bold</text>
<text font-weight="normal" x="60" y="130">This is normal</text>
<g font-weight="normal" fill="blue">
<text font-weight="bolder" x="60" y="180">Blue is bolder</text>
</g>
<g font-weight="bold" fill="blue">
<text font-weight="lighter" x="60" y="230">Blue is lighter</text>
</g>
<g font-size="14">
<text x="30" y="270">ZalamanderCaps is an OpenType font</text>
<text x="30" y="290">by Tim Ahrens of Just Another Foundry</text>
</g>
</g>
</g>
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
<text id="revision" x="10" y="340" stroke="none"
fill="black">$Revision: 1.4 $</text>
</g>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
<!-- comment out this watermark once the test is approved -->
<!--
<g id="draft-watermark">
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
</g>
-->
</svg>