| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <style type="text/css"> |
| 5 div.wrapper { |
| 6 font-size: 200px; |
| 7 line-height: 1; |
| 8 } |
| 9 |
| 10 img { |
| 11 height: 1px; |
| 12 margin-right: -100%; |
| 13 width: 100%; |
| 14 } |
| 15 |
| 16 img.top-x-height { |
| 17 /* 200px mult by 0.450 == 90px */ |
| 18 vertical-align: 90px; |
| 19 } |
| 20 |
| 21 img.baseline { |
| 22 vertical-align: -1px; |
| 23 } |
| 24 |
| 25 span.test { |
| 26 /* |
| 27 List of 5 font faces with relatively big aspect values |
| 28 |
| 29 DejaVu Sans' aspect value == 0.547 |
| 30 Oxygen Sans' aspect value == 0.540 |
| 31 Liberation Sans' aspect value == 0.530 |
| 32 (DejaVu Sans, Oxygen Sans and Liberation Sans are font |
| 33 faces very often installed under Linux Debian-distributions) |
| 34 |
| 35 Verdana's aspect value == 0.545 |
| 36 Tahoma's aspect value == 0.545 |
| 37 (Verdana and Tahoma are font faces very often pre-installed |
| 38 under Windows and Mac X operating systems.) |
| 39 */ |
| 40 font-family: "DejaVu Sans", "Oxygen Sans", "Liberation Sans", Verdana, T
ahoma; |
| 41 |
| 42 /* |
| 43 This test presumes that the tester will have at least |
| 44 one of the following font installed on his/her operating system: |
| 45 "DejaVu Sans", "Oxygen Sans", "Liberation Sans", Verdana, Tahoma |
| 46 */ |
| 47 font-size-adjust: 0.450; |
| 48 -webkit-text-size-adjust: 0.450; |
| 49 } |
| 50 |
| 51 span.reference { |
| 52 /* |
| 53 Rachana's aspect value == 0.450 |
| 54 Nimbus Roman No9 L's aspect value == 0.450 |
| 55 (Rachana and Nimbus Roman No9 L are font faces often installed under L
inux Debian-distributions) |
| 56 |
| 57 Times New Roman's aspect value == 0.448 |
| 58 (Times New Roman is a font face is very often pre-installed under Wind
ows & Mac X operating systems.) |
| 59 */ |
| 60 font-family: Rachana, "Nimbus Roman No9 L", "Times New Roman"; |
| 61 } |
| 62 </style> |
| 63 </head> |
| 64 <body> |
| 65 <div class="wrapper"> |
| 66 <img class="top-x-height" src="./resources/1x1-red.png"><img class="baseli
ne" src="./resources/1x1-red.png"> |
| 67 <span class="test">x</span> |
| 68 <span class="reference">x</span> |
| 69 </div> |
| 70 </body> |
| 71 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 943463002:
Initial implementation of font-size-adjust (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master
