layout/reftests/font-matching/font-stretch-1-ref.html@4ab42b5ab56c (annotated)
layout/reftests/font-matching/font-stretch-1-ref.html
Wed, 31 Dec 2014 07:53:36 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:53:36 +0100
- branch
- TOR_BUG_3246
- changeset 5
- 4ab42b5ab56c
- permissions
- -rw-r--r--
Correct small whitespace inconsistency, lost while renaming variables.
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <style type="text/css"> |
| michael@0 | 5 | /* each face is loaded as a separate family, so we can address them individually |
| michael@0 | 6 | without involving the style-matching algorithm */ |
| michael@0 | 7 | @font-face { |
| michael@0 | 8 | font-family: dvs; |
| michael@0 | 9 | src: url(../fonts/dejavu-sans/DejaVuSans.ttf); |
| michael@0 | 10 | } |
| michael@0 | 11 | @font-face { |
| michael@0 | 12 | font-family: dvsb; |
| michael@0 | 13 | src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf); |
| michael@0 | 14 | } |
| michael@0 | 15 | @font-face { |
| michael@0 | 16 | font-family: dvsi; |
| michael@0 | 17 | src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf); |
| michael@0 | 18 | } |
| michael@0 | 19 | @font-face { |
| michael@0 | 20 | font-family: dvsbi; |
| michael@0 | 21 | src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf); |
| michael@0 | 22 | } |
| michael@0 | 23 | @font-face { /* note that there is no ExtraLight Condensed or Oblique */ |
| michael@0 | 24 | font-family: dvsl; |
| michael@0 | 25 | src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf); |
| michael@0 | 26 | } |
| michael@0 | 27 | @font-face { |
| michael@0 | 28 | font-family: dvsc; |
| michael@0 | 29 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf); |
| michael@0 | 30 | } |
| michael@0 | 31 | @font-face { |
| michael@0 | 32 | font-family: dvscb; |
| michael@0 | 33 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf); |
| michael@0 | 34 | } |
| michael@0 | 35 | @font-face { |
| michael@0 | 36 | font-family: dvsci; |
| michael@0 | 37 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf); |
| michael@0 | 38 | } |
| michael@0 | 39 | @font-face { |
| michael@0 | 40 | font-family: dvscbi; |
| michael@0 | 41 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf); |
| michael@0 | 42 | } |
| michael@0 | 43 | |
| michael@0 | 44 | body { |
| michael@0 | 45 | font-family: dvs, serif; |
| michael@0 | 46 | font-size: 24px; |
| michael@0 | 47 | } |
| michael@0 | 48 | |
| michael@0 | 49 | .b { font-family: dvsb; } |
| michael@0 | 50 | .i { font-family: dvsi; } |
| michael@0 | 51 | .bi { font-family: dvsbi; } |
| michael@0 | 52 | .l { font-family: dvsl; } |
| michael@0 | 53 | .c { font-family: dvsc; } |
| michael@0 | 54 | .cb { font-family: dvscb; } |
| michael@0 | 55 | .ci { font-family: dvsci; } |
| michael@0 | 56 | .cbi { font-family: dvscbi; } |
| michael@0 | 57 | </style> |
| michael@0 | 58 | </head> |
| michael@0 | 59 | <body> |
| michael@0 | 60 | <!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" --> |
| michael@0 | 61 | <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> |
| michael@0 | 62 | <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> |
| michael@0 | 63 | <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> |
| michael@0 | 64 | <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> |
| michael@0 | 65 | <!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic --> |
| michael@0 | 66 | <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> |
| michael@0 | 67 | <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> |
| michael@0 | 68 | <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> |
| michael@0 | 69 | <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> |
| michael@0 | 70 | <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> |
| michael@0 | 71 | </body> |
| michael@0 | 72 | </html> |
| michael@0 | 73 |
