font-face-unicode-range-2-ref.html (648B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference: font-face unicode-range</title> 4 <style> 5 @font-face { 6 font-family: base; 7 src: url(support/fonts/LigatureSymbolsWithSpaces.woff); 8 } 9 @font-face { 10 font-family: swoosh; 11 src: url(support/fonts/Rochester.otf); 12 } 13 .ref { 14 font-family: base; 15 } 16 .ref .amp { 17 font-family: swoosh, base; 18 } 19 div { 20 font-size: 5em; 21 } 22 </style> 23 <body> 24 <p>Test passes if the two lines look the same, with just the ampersand in italic</p> 25 <div class="ref">This <span class="amp">&</span> That</div> 26 <div class="ref">This <span class="amp">&</span> That</div> 27 </body>