tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

synthetic-bold-metrics-01.html (598B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <style type="text/css">
      5 @font-face {
      6  font-family: dejavu;
      7  src: url(../fonts/dejavu-sans/DejaVuSans.ttf);
      8 }
      9 
     10 p {
     11  font: 32px dejavu; /* family with only a single weight */
     12 }
     13 
     14 .test {
     15  color: white; /* hide the text, we're only comparing metrics */
     16  font-weight: bold; /* synthetic bold will be used */
     17 }
     18 </style>
     19 </head>
     20 <body>
     21 <p>AbcdefghijklmnopqrstuvwxyZ</p>
     22 <!-- the "test" span here uses synthetic bold, which should cause the following
     23     'Z' to appear further to the right -->
     24 <p>A<span class="test">bcdefghijklmnopqrstuvwxy</span>Z</p>
     25 </body>
     26 </html>