src/third_party/WebKit/LayoutTests/svg/custom/svg-font-support.html

   1 <!DOCTYPE HTML>
   2 <style>
   3     @import url('../../resources/opensans/OpenSans-Regular.woff') format('woff');
   4     @font-face {
   5         font-family: "testFreeSansSvg";
   6         src: url("resources/SVGFreeSans.svg") format("svg");
   7     }
   8     #test1SvgFontFirstNoFallback {
   9         font-family: "testFreeSansSvg";
  10     }
  11     #test2SvgFontSecondNoFallback {
  12         font-family: "doesnotexistfont", "testFreeSansSvg";
  13     }
  14     #test3SvgFontSecondWithFallback {
  15         font-family: "doesnotexistfont", "testFreeSansSvg", "doesnotexistfont2", Verdana;
  16     }
  17     #test4SvgFontWithFallback {
  18         font-family: "testFreeSansSvg", "test2SVGFreeSansASCII", "doesnotexistfont2", "Open Sans";
  19     }
  20 </style>
  21 crbug.com/242735: This test passes if no SVG fonts are used.
  22
  23 <p>
  24     <div>This text should use the default font.</div>
  25     <div id="test1SvgFontFirstNoFallback">This text should use the default font.</div>
  26 </p>
  27
  28 <p>
  29     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="12pt">
  30         <text y="12pt">This text should use the default font.</text>
  31     </svg><br>
  32     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="12pt">
  33         <defs>
  34             <font-face font-family="test2SVGFreeSansASCII" unicode-range="U+0-7F">
  35                 <font-face-src>
  36                     <font-face-uri xlink:href="resources/SVGFreeSans.svg#ascii"/>
  37                 </font-face-src>
  38             </font-face>
  39         </defs>
  40         <text y="12pt" font-family="test2SVGFreeSansASCII">This text should use the default font.</text>
  41     </svg>
  42 </p>
  43
  44 <p>
  45     <div>This text should use the default font.</div>
  46     <div id="test2SvgFontSecondNoFallback">This text should use the default font.</div>
  47 </p>
  48
  49 <p>
  50     <div style="font-family: Verdana;">This text should use Verdana.</div>
  51     <div id="test3SvgFontSecondWithFallback">This text should use Verdana.</div>
  52 </p>
  53
  54 <p>
  55     <div style="font-family: Open Sans;">This text should use Open Sans.</div>
  56     <div id="test4SvgFontWithFallback">This text should use Open Sans.</div>
  57 </p>