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="SVGWG" author="Chris lilley" status="accepted"
version="$Revision: 1.5 $" testname="$RCSfile: text-fonts-02-t.svg,v $">
<d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/text.html#FontPropertiesUsedBySVG">
<p>
Purpose of test is to determine if the font weight is being
correctly rendered. A number of font families are specified. 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>
<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.
</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>
Run the test. No interaction required.
</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-02-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="Georgia,'Times New Roman',Times,'MS Mincho',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>
</g>
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
<text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.5 $</text>
</g>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
<!-- 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>