third_party/WebKit/LayoutTests/fast/text/ellipsis-platform-font-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 @font-face {
   6   font-family: DroidSansSubset;
   7   src: url(../../third_party/DroidSans/DroidSans.ttf.subset-U002E-U0041-42.ttf) format("truetype");
   8 }
   9
  10 #div {
  11     font-family: DroidSansSubset;
  12     white-space: nowrap;
  13     text-overflow: ellipsis;
  14     width: 2em;
  15     overflow: hidden;
  16     border: 1px solid #000000;
  17     font-size:24px;
  18 }
  19
  20 #firstLine {
  21     white-space: nowrap;
  22     text-overflow: ellipsis;
  23     overflow: hidden;
  24     border: 1px solid #000000;
  25     width: 10em;
  26     font-size:24px;
  27 }
  28
  29 #firstLine:first-line {
  30     font-family: DroidSansSubset;
  31         font-size: 16px;
  32 }
  33
  34 </style>
  35 </head>
  36 <body>
  37
  38 <div id="div">ABAB</div><br>
  39 <div id="firstLine">ABABABABABABABABABABAB ABABABABABABAB ABABABABABABABABABAB ABABABABABABABABABABABABABABABAB ABABABABAB ABABABABABABABABAB ABABABABABABABABAB ABABABABABABABABAB ABABABABABABABAB ABABABABABABABABAB ABABABABABABABABAB ABABABABABABABABABABAB ABABABABABABABABABABABABABABAB</div>
  40
  41
  42 </body>
  43 </html>