fonts-kern-01-t-isvalid.html (12502B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>fonts-kern-01-t-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: fonts-kern-01-t-manual.svg</h1> 9 <svg version="1.1" baseProfile="tiny" id="svg-root" 10 width="100%" height="100%" viewBox="0 0 480 360" 11 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= SVG 1.1 2nd Edition Test Case =--> 14 <!--======================================================================--> 15 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> 16 <!--= Institute of Technology, European Research Consortium for =--> 17 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 18 <!--= All Rights Reserved. =--> 19 <!--= See http://www.w3.org/Consortium/Legal/. =--> 20 <!--======================================================================--> 21 22 <title id="test-title">$RCSfile: fonts-kern-01-t.svg,v $</title> 23 <defs> 24 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 <defs> 32 <g id="marker"> 33 <!-- <rect x="0" y="-10" width="10" height="10" /> --> 34 <line y2="-12" stroke="red" stroke-width="1"/> 35 <line x2="12" stroke="red" stroke-width="1"/> 36 <rect x="-2" y="-2" width="4" height="4" fill="red"/> 37 </g> 38 <g id="sampleBkg"> 39 <rect width="200" height="20" fill="#eeeeee"/> 40 <rect y="20" width="200" height="30" fill="#cccccc"/> 41 <rect width="200" height="50" fill="none" stroke="black"/> 42 </g> 43 </defs> 44 <defs> 45 46 <font horiz-adv-x="224"> 47 <font-face font-family="fontG" units-per-em="1000" ascent="917" descent="-250"/> 48 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 49 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 50 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 51 <hkern u1="1" g2="gl_2" k="-1000"/> 52 </font> 53 54 <font horiz-adv-x="224"> 55 <font-face font-family="fontF" units-per-em="1000" ascent="917" descent="-250"/> 56 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 57 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 58 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 59 <glyph unicode="3" glyph-name="gl_3" horiz-adv-x="750" d="M 0 0 L 750 0 L 750 750 L 0 750 Z"/> 60 <glyph unicode="4" glyph-name="gl_4" horiz-adv-x="1000" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/> 61 <!-- u1 covers '0' to '9' and ':' ';' '<' '=' '>' '?' --> 62 <!-- u2 covers '1' '2' '3' and '4' --> 63 <!-- So, this is a match for '12', '23' and '34' --> 64 <hkern u1="U+003?" u2="U+0031-0034" k="-1500"/> 65 </font> 66 67 <font horiz-adv-x="224"> 68 <font-face font-family="fontE" units-per-em="1000" ascent="917" descent="-250"/> 69 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 70 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 71 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 72 <glyph unicode="3" glyph-name="gl_3" horiz-adv-x="750" d="M 0 0 L 750 0 L 750 750 L 0 750 Z"/> 73 <glyph unicode="4" glyph-name="gl_4" horiz-adv-x="1000" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/> 74 <hkern g1="gl_1,gl_3" g2="gl_2,gl_4" k="-1500"/> 75 </font> 76 77 <font horiz-adv-x="224"> 78 <font-face font-family="fontD" units-per-em="1000" ascent="917" descent="-250"/> 79 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 80 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 81 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 82 <glyph unicode="3" glyph-name="gl_3" horiz-adv-x="750" d="M 0 0 L 750 0 L 750 750 L 0 750 Z"/> 83 <glyph unicode="4" glyph-name="gl_4" horiz-adv-x="1000" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/> 84 <hkern u1="1,3" u2="2,4" k="-1500"/> 85 </font> 86 87 <font horiz-adv-x="224"> 88 <font-face font-family="fontC" units-per-em="1000" ascent="917" descent="-250"/> 89 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 90 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 91 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 92 <glyph unicode="3" glyph-name="gl_3" horiz-adv-x="750" d="M 0 0 L 750 0 L 750 750 L 0 750 Z"/> 93 <glyph unicode="4" glyph-name="gl_4" horiz-adv-x="1000" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/> 94 95 <hkern u1="1" u2="2" g1="gl_3" g2="gl_4" k="-1500"/> 96 </font> 97 98 <font horiz-adv-x="224"> 99 <font-face font-family="fontB" units-per-em="1000" ascent="917" descent="-250"/> 100 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 101 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 102 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 103 <hkern g1="gl_1" g2="gl_2" k="-2000"/> 104 </font> 105 106 <font horiz-adv-x="224"> 107 <font-face font-family="fontA" units-per-em="1000" ascent="917" descent="-250"/> 108 <missing-glyph horiz-adv-x="800" d="M 0 0 L 750 0 L 750 1000 L 0 1000 Z"/> 109 <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="250" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> 110 <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> 111 <hkern u1="1" u2="2" k="-1000"/> 112 </font> 113 114 </defs> 115 <text x="240" y="30" font-size="20" text-anchor="middle"><hkern></text> 116 <g id="legend" transform="translate(30, 60)"> 117 <g> 118 <g> 119 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 120 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font A</text> 121 </g> 122 <use xlink:href="#sampleBkg"/> 123 <text x="5" y="15" font-size="12">u1="1" u2="2"</text> 124 <g transform="translate(5, 45) scale(2)" font-size="10"> 125 <!-- Advance for '1': 0 --> 126 <use xlink:href="#marker" fill="#8888ff"/> 127 128 <!-- Advance for '2' : '1'.advance + kerning --> 129 <!-- : ((250 - (-1000))/1000)*10 --> 130 <!-- : 12.5 --> 131 <use xlink:href="#marker" x="12.5" fill="#8888ff"/> 132 <text font-family="fontA" font-size="10">12</text> 133 </g> 134 </g> 135 136 <g transform="translate(0, 55)"> 137 <g> 138 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 139 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font B</text> 140 </g> 141 <use xlink:href="#sampleBkg"/> 142 <text x="5" y="15" font-size="12">g1="gl_1" g2="gl_2"</text> 143 <g transform="translate(5, 45) scale(2)"> 144 <use xlink:href="#marker" fill="#8888ff"/> 145 <use xlink:href="#marker" x="22.5" fill="#8888ff"/> 146 <text font-family="fontB" font-size="10">12</text> 147 </g> 148 </g> 149 150 <g transform="translate(0, 110)"> 151 <g> 152 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 153 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font C</text> 154 </g> 155 <use xlink:href="#sampleBkg"/> 156 <text x="5" y="15" font-size="12">u1="1" u2="2" g1="gl_3" g2="gl_4"</text> 157 <g transform="translate(5, 45) scale(2)"> 158 <use xlink:href="#marker" fill="#8888ff"/> 159 <!-- ((1.adv + '12'.k)/unitsPerEm)*fontSize --> 160 <use xlink:href="#marker" x="17.5" fill="#8888ff"/> 161 <use xlink:href="#marker" x="32.5" fill="#8888ff"/> 162 <!-- ((3.adv + '34'.k)/unitsPerEm)*fontSize --> 163 <use xlink:href="#marker" x="55" fill="#8888ff"/> 164 <text font-family="fontC" font-size="10">1234</text> 165 </g> 166 </g> 167 168 <g transform="translate(0, 165)"> 169 <g> 170 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 171 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font D</text> 172 </g> 173 <use xlink:href="#sampleBkg"/> 174 <text x="5" y="15" font-size="12">u1="1,3" u2="2,4"</text> 175 <g transform="translate(5, 45) scale(2)"> 176 <use xlink:href="#marker" fill="#8888ff"/> 177 <use xlink:href="#marker" x="17.5" fill="#8888ff"/> 178 <use xlink:href="#marker" x="32.5" fill="#8888ff"/> 179 <use xlink:href="#marker" x="55" fill="#8888ff"/> 180 <text font-family="fontD" font-size="10">1234</text> 181 </g> 182 </g> 183 184 <g transform="translate(240, 0)"> 185 <g> 186 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 187 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font E</text> 188 </g> 189 <use xlink:href="#sampleBkg"/> 190 <text x="5" y="15" font-size="12">g1="gl_1,gl_3" g2="gl_2,gl_4"</text> 191 <g transform="translate(5, 45) scale(2)"> 192 <use xlink:href="#marker" fill="#8888ff"/> 193 <use xlink:href="#marker" x="17.5" fill="#8888ff"/> 194 <use xlink:href="#marker" x="32.5" fill="#8888ff"/> 195 <use xlink:href="#marker" x="55" fill="#8888ff"/> 196 <text font-family="fontE" font-size="10">1234</text> 197 </g> 198 </g> 199 200 <g transform="translate(240, 55)"> 201 <g> 202 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 203 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font F</text> 204 </g> 205 <use xlink:href="#sampleBkg"/> 206 <text x="5" y="15" font-size="12">u1="U+003?" u2="U+0031-34"</text> 207 <g transform="translate(5, 45) scale(2)"> 208 <use xlink:href="#marker" fill="#8888ff"/> 209 <!-- '2' --> 210 <use xlink:href="#marker" x="17.5" fill="#8888ff"/> 211 <!-- '3' --> 212 <use xlink:href="#marker" x="47.5" fill="#8888ff"/> 213 <!-- '4' --> 214 <use xlink:href="#marker" x="70" fill="#8888ff"/> 215 <text font-family="fontF" font-size="10">1234</text> 216 </g> 217 </g> 218 219 <g transform="translate(240, 110)"> 220 <g> 221 <rect x="-20" width="20" height="50" fill="none" stroke="black"/> 222 <text transform="translate(-5, 25) rotate(-90)" text-anchor="middle">font G</text> 223 </g> 224 <use xlink:href="#sampleBkg"/> 225 <text x="5" y="15" font-size="12">u1="1" g2="gl_2"</text> 226 <g transform="translate(5, 45) scale(2)"> 227 <!-- Advance for '1': 0 --> 228 <use xlink:href="#marker" fill="#8888ff"/> 229 230 <!-- Advance for '2' : '1'.advance + kerning --> 231 <!-- : ((250 - (-1000))/1000)*10 --> 232 <!-- : 12.5 --> 233 <use xlink:href="#marker" x="12.5" fill="#8888ff"/> 234 <text font-family="fontG" font-size="10">12</text> 235 </g> 236 </g> 237 </g> 238 <g id="testContent" transform="translate(320, 100)" font-size="10"> 239 </g> 240 </g> 241 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 242 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text> 243 </g> 244 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> 245 <!-- comment out this watermark once the test is approved --> 246 <!--<g id="draft-watermark"> 247 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 248 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 249 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 250 </g>--> 251 </svg> 252 </body> 253 </html>