layout/reftests/font-matching/font-stretch-1.html@8bccb770b82d (annotated)
layout/reftests/font-matching/font-stretch-1.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <style type="text/css"> |
| michael@0 | 5 | /* load 9 faces of DejaVu Sans in the "dvs" family, with appropriate style descriptors */ |
| michael@0 | 6 | @font-face { |
| michael@0 | 7 | font-family: dvs; |
| michael@0 | 8 | src: url(../fonts/dejavu-sans/DejaVuSans.ttf); |
| michael@0 | 9 | } |
| michael@0 | 10 | @font-face { |
| michael@0 | 11 | font-family: dvs; |
| michael@0 | 12 | font-weight: bold; |
| michael@0 | 13 | src: url(../fonts/dejavu-sans/DejaVuSans-Bold.ttf); |
| michael@0 | 14 | } |
| michael@0 | 15 | @font-face { |
| michael@0 | 16 | font-family: dvs; |
| michael@0 | 17 | font-style: italic; |
| michael@0 | 18 | src: url(../fonts/dejavu-sans/DejaVuSans-Oblique.ttf); |
| michael@0 | 19 | } |
| michael@0 | 20 | @font-face { |
| michael@0 | 21 | font-family: dvs; |
| michael@0 | 22 | font-style: italic; |
| michael@0 | 23 | font-weight: bold; |
| michael@0 | 24 | src: url(../fonts/dejavu-sans/DejaVuSans-BoldOblique.ttf); |
| michael@0 | 25 | } |
| michael@0 | 26 | @font-face { /* note that there is no ExtraLight Condensed or Oblique */ |
| michael@0 | 27 | font-family: dvs; |
| michael@0 | 28 | font-weight: 200; |
| michael@0 | 29 | src: url(../fonts/dejavu-sans/DejaVuSans-ExtraLight.ttf); |
| michael@0 | 30 | } |
| michael@0 | 31 | @font-face { |
| michael@0 | 32 | font-family: dvs; |
| michael@0 | 33 | font-stretch: condensed; |
| michael@0 | 34 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed.ttf); |
| michael@0 | 35 | } |
| michael@0 | 36 | @font-face { |
| michael@0 | 37 | font-family: dvs; |
| michael@0 | 38 | font-weight: bold; |
| michael@0 | 39 | font-stretch: condensed; |
| michael@0 | 40 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Bold.ttf); |
| michael@0 | 41 | } |
| michael@0 | 42 | @font-face { |
| michael@0 | 43 | font-family: dvs; |
| michael@0 | 44 | font-style: italic; |
| michael@0 | 45 | font-stretch: condensed; |
| michael@0 | 46 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-Oblique.ttf); |
| michael@0 | 47 | } |
| michael@0 | 48 | @font-face { |
| michael@0 | 49 | font-family: dvs; |
| michael@0 | 50 | font-style: italic; |
| michael@0 | 51 | font-weight: bold; |
| michael@0 | 52 | font-stretch: condensed; |
| michael@0 | 53 | src: url(../fonts/dejavu-sans/DejaVuSansCondensed-BoldOblique.ttf); |
| michael@0 | 54 | } |
| michael@0 | 55 | |
| michael@0 | 56 | body { |
| michael@0 | 57 | font-family: dvs, serif; |
| michael@0 | 58 | font-size: 24px; |
| michael@0 | 59 | } |
| michael@0 | 60 | .l { |
| michael@0 | 61 | font-weight: 200; |
| michael@0 | 62 | } |
| michael@0 | 63 | </style> |
| michael@0 | 64 | </head> |
| michael@0 | 65 | <body> |
| michael@0 | 66 | <!-- all 4 levels of "condensed" come out the same; "condensed" takes priority over "light" --> |
| michael@0 | 67 | <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> |
| michael@0 | 68 | <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> |
| michael@0 | 69 | <div style="font-stretch: condensed">condensed <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div> |
| michael@0 | 70 | <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> |
| michael@0 | 71 | <!-- "normal" and all 4 levels of "expanded" come out the same; "light" is available, but only in upright, not italic --> |
| michael@0 | 72 | <div style="font-stretch: normal">normal <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div> |
| michael@0 | 73 | <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> |
| michael@0 | 74 | <div style="font-stretch: expanded">expanded <i>italic</i> <b>bold <i>italic</i></b> <span class="l">light <i>italic</i></span></div> |
| michael@0 | 75 | <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> |
| michael@0 | 76 | <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> |
| michael@0 | 77 | </body> |
| michael@0 | 78 | </html> |
| michael@0 | 79 |
