| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| |
| <title>Font Face Demo</title> |
| <style type="text/css" media="screen"> |
| @font-face { |
| font-family: 'SVGraffiti'; |
| src: url("resources/graffiti.svg#SVGraffiti") format(svg) |
| } |
| |
| p.testStyle {font-size: 18px; line-height:normal;font-family: 'SVGraffiti', sans-serif; white-space: nowrap} |
| </style> |
| </head> |
| |
| <body> |
| no spacing: |
| <p class="testStyle">abc abc abc</p> |
| word-spacing: 100px, all should look the same |
| <p class="testStyle" style="word-spacing: 100px">abc abc abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc <span>ab</span>c abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc <span>a</span><span>b</span>c abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc <span>a</span>b<span>c</span> abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc a<span>b</span><span>c</span> abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc a<span>b</span>c abc</p> |
| <p class="testStyle" style="word-spacing: 100px">abc <span></span>abc <span></span>abc</p> |
| </div> |
| </body> |
| </html> |
