third_party/WebKit/LayoutTests/fast/text/font-smallcaps-layout.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 @font-face {
   6   font-family: Libertine;
   7   src: url("../../third_party/Libertine/LinLibertine_R.woff");
   8 }
   9
  10 body {
  11   margin: 0px;
  12 }
  13
  14 div {
  15   background-color: lightgreen;
  16   position: absolute;
  17   left: -500px;
  18   width: 1000px;
  19 }
  20
  21 p {
  22   font-size: 30px;
  23   font-family: Libertine;
  24   width: 500px;
  25   background-color: lightpink;
  26   color: red;
  27   -webkit-font-feature-settings: 'smcp';
  28   font-feature-settings: 'smcp';
  29 }
  30 </style>
  31 </head>
  32 <body>
  33 Testing for incorrect text overflow when using small caps in the complex test path. There should be no red characters visible on the green rectangle.
  34 <div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p></div>
  35 </body>
  36 </html>