I have a button (Renew) where the text looks ok in Cornerstone but when I save it and view the page in a browser, it looks blurry or pixelated. I’ll send some screenshots of the buttons in cornerstone and in the browser, and some of the settings. I’d appreciate any advice you have. Thanks. 
Hello There,
Thanks for posting in! Which browser are you using? I have visited your dev site and the live site and I could not see any issue. This is what I am seeing:
Is it in another page? Could you please provide us the url of the page in question so that we can take a closer look?
Thank you.
It’s the live site I’m worried about.
You make a good point. In Chrome and Firefox it looks ok, but in Safari it looks bad. I was working in Safari, and it never occurred to me that it could be a browser problem.
Do you have any suggestion for how to fix it in Safari? It’s barely legible. I tried making the text larger, but in addition to looking clunky, it was still hard to read. I’m not sure what to do.
(I’m using a retina screen. Could that be contributing to the problem?)
Thank you very much for your help!
I can reproduce this issue on Safari as well, without having a retina display. I suggest adding this CSS code to (Theme Options > CSS):
.x-anchor .x-anchor-text-secondary {
-webkit-font-smoothing: antialiased;
}
Let me know how it goes,
Thanks.
I just tried it. I think it might have helped a little bit, but it isn’t very clear. (I cleared cache on both the website and the browser.) Do you have any other ideas? I appreciate your help.
Hi There.
thanks for your clarification!
I can see the issue is still there, actually, this is the looks of the narrow font in safari browser.
To make it look better please increase the font weight from 300 to 400.
Hope this helps!
Ok, thanks. I guess I’ll have to add a special font type just for buttons since I don’t want the body text so heavy. I’ll give that a try.
You are most welcome. 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.