Jump to content
RolandSoos

Safari Retina Mac blurry text

Recommended Posts

First of all, I do not have retina Mac to test, so I was unable to create Codepen with the issue, sorry for that :( I ask this question here as you might saw this issue in the past and you might be able to give me advice how to solve the issue.

 

Site where you can check: https://tpt.ischanging.com.au/

 

The problem is that the animated text on the top is blurry on retina iMac with Safari 12. It is sharp on retina iPhone. You can check the attached screenshot where the lower text sharp and the top is blurry.

 

Capture.PNG

Share this post


Link to post
Share on other sites

I didn't really notice it on my retina mac, but my eyes aren't the best :) It looks like you set force3D:true but you might want to avoid that because some browsers rasterize things in a speed-optimized way (which can look more blurry). If you leave it on "auto", GSAP will switch back to a 2D matrix at the end if/when possible. But I saw that you also set will-change but that's another one that I'd recommend being very careful about. See https://greensock.com/will-change. Maybe try removing both of those and see how it looks. 

Share this post


Link to post
Share on other sites

Thanks for the reply. I was able to emulate retina on a normal monitor by adding the following command to terminal:

sudo defaults write /Library/Preferences/com.apple.windowserver.plist DisplayResolutionEnabled -bool true

Then I switched to HiDPI mode at half resolution: hidpi-mode-system-preferences.png

Then I was able to narrow down the issue and ended up the following: https://jsfiddle.net/y9k64ush/

 

You can change the font size to make it more visible. I think I'm going to make a bug report for WebKit/Safari

Share this post


Link to post
Share on other sites

When i go to that website link you provided I get an error in the console:

 

ReferenceError: $owl is not defined    2443da7113af4abb37536a668c4fc92d.js line 25

 

 

Share this post


Link to post
Share on other sites

Jonathan: Yeah, I know. I do not have access to this site. I'm just supporting my software :)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.