syntheticbold-rotated.html (516B)
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 font-weight: bold; 26 } 27 28 </style> 29 30 </head> 31 <body> 32 33 <p><span class="test">uh oh!</span></p> 34 35 </body> 36 </html>