third_party/WebKit/LayoutTests/svg/custom/svg-fonts-word-spacing.html

   1 <html>
   2   <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   4
   5     <title>Font Face Demo</title>
   6     <style type="text/css" media="screen">
   7         @font-face {
   8             font-family: 'SVGraffiti';
   9             src: url("resources/graffiti.svg#SVGraffiti") format(svg)
  10         }
  11
  12         p.testStyle {font-size: 18px; line-height:normal;font-family: 'SVGraffiti', sans-serif; white-space: nowrap}
  13       </style>
  14     </head>
  15
  16     <body>
  17       no spacing:
  18       <p class="testStyle">abc abc abc</p>
  19       word-spacing: 100px, all should look the same
  20       <p class="testStyle" style="word-spacing: 100px">abc abc abc</p>
  21       <p class="testStyle" style="word-spacing: 100px">abc <span>ab</span>c abc</p>
  22       <p class="testStyle" style="word-spacing: 100px">abc <span>a</span><span>b</span>c abc</p>
  23       <p class="testStyle" style="word-spacing: 100px">abc <span>a</span>b<span>c</span> abc</p>
  24       <p class="testStyle" style="word-spacing: 100px">abc a<span>b</span><span>c</span> abc</p>
  25       <p class="testStyle" style="word-spacing: 100px">abc a<span>b</span>c abc</p>
  26       <p class="testStyle" style="word-spacing: 100px">abc <span></span>abc <span></span>abc</p>
  27     </div>
  28   </body>
  29 </html>