font-inflation-1c-ref.html (381B)
1 <!DOCTYPE HTML> 2 <style> 3 body { writing-mode: vertical-lr; text-orientation: sideways-right; } 4 #outer { width: 0; height: 0; } 5 /* 6 In a 450px container, the minimum font size at 15em per line is 30px. 7 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. 8 */ 9 #inner { font-size: 34px; width: 100%; height: 100%; } 10 </style> 11 <div id="outer"> 12 <div id="inner">Inflated?