tor-browser

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

standard-font-family-7-ref.html (1924B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <link rel="author" title="Myles C. Maxfield" href="mailto:mmaxfield@apple.com"/>
      5 <style>
      6 @font-face {
      7    font-family: "AppleSystemUISerif";
      8    src: local("ui-serif");
      9 }
     10 @font-face {
     11    font-family: "AppleSystemUIMonospaced";
     12    src: local("ui-monospaced");
     13 }
     14 @font-face {
     15    font-family: "AppleSystemUIRounded";
     16    src: local("ui-rounded");
     17 }
     18 @font-face {
     19    font-family: "AppleSystemUISansSerif";
     20    src: local("ui-sans-serif");
     21 }
     22 @font-face {
     23    font-family: "DotAppleSystemUIFontSerif";
     24    src: local(".AppleSystemUIFontSerif");
     25 }
     26 @font-face {
     27    font-family: "DotSFNSMono";
     28    src: local(".SF NS Mono");
     29 }
     30 @font-face {
     31    font-family: "DotSFUIMono";
     32    src: local(".SF UI Mono");
     33 }
     34 @font-face {
     35    font-family: "DotAppleSystemUIFontRounded";
     36    src: local(".AppleSystemUIFontRounded");
     37 }
     38 @font-face {
     39    font-family: "DotAppleSystemUIFont";
     40    src: local(".AppleSystemUIFont");
     41 }
     42 </style>
     43 </head>
     44 <body>
     45 This test makes sure that the bold versions of the design system UI fonts work in @font-face. The test passes if all the text below is bold.
     46 <div>
     47 <div style="display: inline-block; font: bold 72px 'AppleSystemUISerif';">HeJllo</div>
     48 <div style="display: inline-block; font: bold 72px 'AppleSystemUIMonospaced';">HeJllo</div>
     49 <div style="display: inline-block; font: bold 72px 'AppleSystemUIRounded';">HeJllo</div>
     50 <div style="display: inline-block; font: bold 72px 'AppleSystemUISansSerif';">HeJllo</div>
     51 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFontSerif';">HeJllo</div>
     52 <div style="display: inline-block; font: bold 72px 'DotSFNSMono';">HeJllo</div>
     53 <div style="display: inline-block; font: bold 72px 'DotSFUIMono';">HeJllo</div>
     54 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFontRounded';">HeJllo</div>
     55 <div style="display: inline-block; font: bold 72px 'DotAppleSystemUIFont';">HeJllo</div>
     56 </div>
     57 </body>
     58 </html>