syntheticbold-rotated-ref.html (495B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>rotated synthetic bold</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 7 <style type="text/css"> 8 9 @font-face { 10 font-family: libertine; 11 src: url(../fonts/LinLibertine_Re-4.7.5.woff); 12 } 13 14 body { 15 margin: 150px 0px; 16 font-size: 800%; 17 } 18 19 p { margin: 0; } 20 21 .test { 22 font-family: libertine; 23 display: inline-block; 24 transform: rotate(90deg); 25 } 26 27 </style> 28 29 </head> 30 <body> 31 32 <p><span class="test">uh oh!</span></p> 33 34 </body> 35 </html>