| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > |
| <head> |
| <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> |
| <!-- to correct the unsightly Flash of Unstyled Content. http://www.bluerobot.com/web/css/fouc.asp --> |
| <script type="text/javascript"></script> |
| |
| <style type="text/css" media="all"> |
| @font-face { |
| font-family: 'SVGraffiti-First'; |
| /* URI doesn't have an fragment identifier - we should choose a first font. */ |
| src: url("resources/graffiti.svg") format(svg) |
| } |
| |
| @font-face { |
| font-family: 'SVGraffiti-Second'; |
| src: url("resources/graffiti-with-empty-first-font.svg#SVGraffiti") format(svg) |
| } |
| |
| p.first { |
| font: 0.5cm "SVGraffiti-First"; |
| } |
| |
| p.second { |
| font: 0.5cm "SVGraffiti-Second"; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <p class="first">This text should be rendered with a first font.</p> |
| <p class="second">This text should be rendered with a second font.</p> |
| </body> |
| |
| </html> |