third_party/WebKit/LayoutTests/svg/batik/text/textStyles.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
   3 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   4
   5 <!--
   6
   7    Copyright 2001-2002  The Apache Software Foundation
   8
   9    Licensed under the Apache License, Version 2.0 (the "License");
  10    you may not use this file except in compliance with the License.
  11    You may obtain a copy of the License at
  12
  13        http://www.apache.org/licenses/LICENSE-2.0
  14
  15    Unless required by applicable law or agreed to in writing, software
  16    distributed under the License is distributed on an "AS IS" BASIS,
  17    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18    See the License for the specific language governing permissions and
  19    limitations under the License.
  20
  21 -->
  22 <!-- ========================================================================= -->
  23 <!-- Test description here                                                     -->
  24 <!--                                                                           -->
  25 <!-- @author bill.haneman@ireland.sun.com                                      -->
  26 <!-- @version $Id: textStyles.svg,v 1.5 2004/08/18 07:12:23 vhardy Exp $       -->
  27 <!-- ========================================================================= -->
  28 <?xml-stylesheet type="text/css" href="../resources/test.css" ?>
  29 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="500" viewBox="0 0 450 500">
  30 <title>Text Font Faces and Styles</title>
  31
  32     <!-- ============================================================= -->
  33     <!-- Test content                                                  -->
  34     <!-- ============================================================= -->
  35
  36     <defs>
  37      <style type="text/css"><![CDATA[
  38        .Caption { font-size: 12px; font-family: dialog; font-weight: normal;
  39                   font-style: normal; stroke: none; stroke-width: 0;
  40                   fill: black } ]]>
  41      </style>
  42
  43      <style type="text/css"><![CDATA[
  44        .SansSerifPlain { font-family: SansSerif } ]]>
  45      </style>
  46
  47      <style type="text/css"><![CDATA[
  48        .SansSerifBold { font-family: SansSerif; font-weight: bold } ]]>
  49      </style>
  50
  51      <style type="text/css"><![CDATA[
  52        .SansSerifOblique { font-family: SansSerif; font-style: oblique } ]]>
  53      </style>
  54
  55      <style type="text/css"><![CDATA[
  56        .SerifPlain { font-family: Serif } ]]>
  57      </style>
  58
  59      <style type="text/css"><![CDATA[
  60        .SerifBold { font-family: Serif; font-weight: bold } ]]>
  61      </style>
  62
  63      <style type="text/css"><![CDATA[
  64        .SerifOblique { font-family: Serif; font-style: oblique } ]]>
  65      </style>
  66
  67      <style type="text/css"><![CDATA[
  68        .Monospaced { font-family: Monospaced } ]]>
  69      </style>
  70
  71      <style type="text/css"><![CDATA[
  72        .MonospacedBold { font-family: Monospaced; font-weight:bold } ]]>
  73      </style>
  74
  75      <style type="text/css"><![CDATA[
  76        .MonospacedOblique { font-family: Monospaced; font-style:oblique } ]]>
  77      </style>
  78
  79      <style type="text/css"><![CDATA[
  80        .Default {   } ]]>
  81      </style>
  82
  83      <style type="text/css"><![CDATA[
  84        .DefaultBoldOblique { font-style: oblique; font-weight: bold } ]]>
  85      </style>
  86
  87      <style type="text/css"><![CDATA[
  88        .DefaultOutline { stroke-width: 1; stroke: black; fill: none } ]]>
  89      </style>
  90
  91      <style type="text/css"><![CDATA[
  92        .Times { font-family: Times  } ]]>
  93      </style>
  94
  95      <style type="text/css"><![CDATA[
  96        .Arial { font-family: Arial  } ]]>
  97      </style>
  98
  99      <style type="text/css"><![CDATA[
 100        .Verdana { font-family: Verdana  } ]]>
 101      </style>
 102
 103      <style type="text/css"><![CDATA[
 104        .Helvetica { font-family: Helvetica  } ]]>
 105      </style>
 106
 107      <style type="text/css"><![CDATA[
 108        .Impact { font-family: Impact  } ]]>
 109      </style>
 110
 111      <style type="text/css"><![CDATA[
 112        .AvantGarde { font-family: AvantGarde  } ]]>
 113      </style>
 114
 115      <text x="0" y="0" text-anchor="middle" id="sample">sample</text>
 116
 117     </defs>
 118
 119     <g id="testContent" text-anchor="middle" font-size="30">
 120         <text class="title" x="50%" y="10%" font-size="15" >
 121             Text Font Faces and Styles</text>
 122
 123        <text x="50%" y="15%" font-size="10">Standard Font Faces</text>
 124
 125         <g transform="translate(100, 110)" class="SansSerifPlain">
 126             <use xlink:href="#sample"/>
 127             <text font-size="15" y="15" class="Caption">SansSerif, normal weight</text>
 128         </g>
 129
 130         <g transform="translate(225, 110)" class="SansSerifBold">
 131             <use xlink:href="#sample"/>
 132             <text font-size="15"  y="15" class="Caption">SansSerif, bold</text>
 133         </g>
 134
 135         <g transform="translate(350, 110)" class="SansSerifOblique">
 136             <use xlink:href="#sample"/>
 137             <text  font-size="15" y="15" class="Caption">SansSerif, oblique</text>
 138         </g>
 139
 140         <g transform="translate(100, 160)" class="SerifPlain">
 141             <use xlink:href="#sample"/>
 142             <text y="15" class="Caption">Serif, normal weight</text>
 143         </g>
 144
 145         <g transform="translate(225, 160)" class="SerifBold">
 146             <use xlink:href="#sample"/>
 147             <text y="15" class="Caption">Serif, bold</text>
 148         </g>
 149
 150         <g transform="translate(350, 160)" class="SerifOblique">
 151             <use xlink:href="#sample"/>
 152             <text y="15" class="Caption">Serif, oblique</text>
 153         </g>
 154
 155         <g transform="translate(100, 210)" class="Monospaced">
 156             <use xlink:href="#sample"/>
 157             <text y="15" class="Caption">Monospaced, normal weight</text>
 158         </g>
 159
 160         <g transform="translate(225, 210)" class="MonospacedBold">
 161             <use xlink:href="#sample"/>
 162             <text y="15" class="Caption">Monospaced, bold</text>
 163         </g>
 164
 165         <g transform="translate(350, 210)" class="MonospacedOblique">
 166             <use xlink:href="#sample"/>
 167             <text y="15" class="Caption">Monospaced, oblique</text>
 168         </g>
 169
 170         <g transform="translate(100, 260)" class="Default">
 171             <use xlink:href="#sample"/>
 172             <text y="15" class="Caption">(default)</text>
 173         </g>
 174
 175         <g transform="translate(225, 260)" class="DefaultBoldOblique">
 176             <use xlink:href="#sample"/>
 177             <text y="15" class="Caption">default, bold, oblique</text>
 178         </g>
 179
 180         <g transform="translate(350, 260)" class="DefaultOutline">
 181             <use xlink:href="#sample"/>
 182             <text y="15" class="Caption">stroke-width=1, fill=none</text>
 183         </g>
 184
 185         <text x="50%" y="62%" font-size="10">Named Font Families</text>
 186         <text x="50%" y="65%" font-size="10" font-style="oblique">
 187             (Not all typefaces are available on all systems.)
 188         </text>
 189
 190         <g transform="translate(100, 360)" class="Times">
 191             <use xlink:href="#sample"/>
 192             <text y="15" class="Caption">Times</text>
 193         </g>
 194
 195         <g transform="translate(225, 360)" class="Verdana">
 196             <use xlink:href="#sample"/>
 197             <text y="15" class="Caption">Verdana</text>
 198         </g>
 199
 200         <g transform="translate(350, 360)" class="Helvetica">
 201             <use xlink:href="#sample"/>
 202             <text y="15" class="Caption">Helvetica</text>
 203         </g>
 204
 205         <g transform="translate(100, 410)" class="Arial">
 206             <text><tref xlink:href="#sample" text-decoration="underline"/></text>
 207             <text y="15" class="Caption">Arial (underlined)</text>
 208         </g>
 209
 210         <g transform="translate(225, 410)" class="Impact">
 211             <use xlink:href="#sample"/>
 212             <text y="15" class="Caption">Impact</text>
 213         </g>
 214
 215         <g transform="translate(350, 410)" class="AvantGarde">
 216             <text><tref xlink:href="#sample" text-decoration="line-through"/></text>
 217             <text y="15" class="Caption">AvantGarde (line-through)</text>
 218         </g>
 219
 220     </g>
 221
 222     <!-- ============================================================= -->
 223     <!-- Batik sample mark                                             -->
 224     <!-- ============================================================= -->
 225     <use xlink:href="../resources/batikLogo.svg#Batik_Tag_Box" />
 226
 227 </svg>