blob: 724dd16c988e8fadc79d5b7a241e7f3e639709c7 [file] [log] [blame]
zimmermann@webkit.org88e0aeb2011-06-25 06:28:12 +00001<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>