<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Blurry text on HiDPI screens with 3d transform"
   href="https://bugs.webkit.org/show_bug.cgi?id=192582">192582</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Blurry text on HiDPI screens with 3d transform
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 12
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Macintosh
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>macOS 10.14
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>Layout and Rendering
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned@lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>roland@nextendweb.com
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>bfulgham@webkit.org, simon.fraser@apple.com, zalan@apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=357040" name="attach_357040" title="Safari 12 HiDPI screenshot">attachment 357040</a> <a href="attachment.cgi?id=357040&action=edit" title="Safari 12 HiDPI screenshot">[details]</a></span>
Safari 12 HiDPI screenshot

<a href="https://jsfiddle.net/y9k64ush/1/">https://jsfiddle.net/y9k64ush/1/</a>

The both text on the previous example looks fine on iPhones, iPads,normal DPI Safari, Chrome and Firefox. The problem is that the top text is blurry on HiDPI Safari (retina iMac for example)

To reproduce the issue on normal DPI screen:
Terminal:
sudo defaults write /Library/Preferences/com.apple.windowserver.plist DisplayResolutionEnabled -bool true
Then System Preferences -> Display and choose the HiDPI at half resolution: <a href="https://cdn1.tekrevue.com/wp-content/uploads/2015/08/hidpi-mode-system-preferences.png">https://cdn1.tekrevue.com/wp-content/uploads/2015/08/hidpi-mode-system-preferences.png</a></pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>