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