font-descriptor-range-reversed-ref.html (1003B)
1 <!DOCTYPE html> 2 <title>CSS Reference</title> 3 4 <style> 5 @font-face { 6 font-family: TestWeight; 7 src: url(resources/csstest-weights-100-kerned.ttf); 8 font-weight: 200 300; 9 } 10 @font-face { 11 font-family: TestWeight; 12 src: url(resources/csstest-weights-900-kerned.ttf); 13 font-weight: 300 400; 14 } 15 @font-face { 16 font-family: TestStyle; 17 src: url(resources/csstest-weights-100-kerned.ttf); 18 font-style: oblique 20deg 30deg; 19 } 20 @font-face { 21 font-family: TestStyle; 22 src: url(resources/csstest-weights-900-kerned.ttf); 23 font-style: oblique 30deg 40deg; 24 } 25 @font-face { 26 font-family: TestStretch; 27 src: url(resources/csstest-weights-100-kerned.ttf); 28 font-stretch: 110% 120%; 29 } 30 @font-face { 31 font-family: TestStretch; 32 src: url(resources/csstest-weights-900-kerned.ttf); 33 font-stretch: 120% 130%; 34 } 35 </style> 36 37 <p style="font-family: TestWeight; font-weight: 250;">A</p> 38 <p style="font-family: TestStyle; font-style: oblique 25deg;">A</p> 39 <p style="font-family: TestStretch; font-stretch: 115%;">A</p>