1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/font-matching/font-stretch-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,79 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +<head>
1.7 +<style type="text/css">
1.8 +/* load 9 faces of DejaVu Sans in the "dvs" family, with appropriate style descriptors */
1.9 +@font-face {
1.10 + font-family: dvs;
1.11 + src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
1.12 +}
1.13 +@font-face {
1.14 + font-family: dvs;
1.15 + font-weight: bold;
1.16 + src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf);
1.17 +}
1.18 +@font-face {
1.19 + font-family: dvs;
1.20 + font-style: italic;
1.21 + src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf);
1.22 +}
1.23 +@font-face {
1.24 + font-family: dvs;
1.25 + font-style: italic;
1.26 + font-weight: bold;
1.27 + src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf);
1.28 +}
1.29 +@font-face { /* note that there is no ExtraLight Condensed or Oblique */
1.30 + font-family: dvs;
1.31 + font-weight: 200;
1.32 + src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf);
1.33 +}
1.34 +@font-face {
1.35 + font-family: dvs;
1.36 + font-stretch: condensed;
1.37 + src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf);
1.38 +}
1.39 +@font-face {
1.40 + font-family: dvs;
1.41 + font-weight: bold;
1.42 + font-stretch: condensed;
1.43 + src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf);
1.44 +}
1.45 +@font-face {
1.46 + font-family: dvs;
1.47 + font-style: italic;
1.48 + font-stretch: condensed;
1.49 + src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf);
1.50 +}
1.51 +@font-face {
1.52 + font-family: dvs;
1.53 + font-style: italic;
1.54 + font-weight: bold;
1.55 + font-stretch: condensed;
1.56 + src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf);
1.57 +}
1.58 +
1.59 +body {
1.60 + font-family: dvs, serif;
1.61 + font-size: 24px;
1.62 +}
1.63 +.l {
1.64 + font-weight: 200;
1.65 +}
1.66 +</style>
1.67 +</head>
1.68 +<body>
1.69 +<!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" -->
1.70 +<div style="font-stretch: ultra-condensed">ultra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.71 +<div style="font-stretch: extra-condensed">extra-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.72 +<div style="font-stretch: condensed">condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.73 +<div style="font-stretch: semi-condensed">semi-condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.74 +<!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic -->
1.75 +<div style="font-stretch: normal">normal <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.76 +<div style="font-stretch: semi-expanded">semi-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.77 +<div style="font-stretch: expanded">expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.78 +<div style="font-stretch: extra-expanded">extra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.79 +<div style="font-stretch: ultra-expanded">ultra-expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div>
1.80 +</body>
1.81 +</html>
1.82 +
