Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve font rendering #360

Closed
piotr-bajer opened this issue Apr 4, 2018 · 2 comments
Closed

Improve font rendering #360

piotr-bajer opened this issue Apr 4, 2018 · 2 comments

Comments

@piotr-bajer
Copy link
Contributor

Hi guys, I often get comments from clients that on macos fonts look bolder. Can we add following style rules:

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

It may go at the top of elements/_html.scss file (https://github.com/xfiveco/generator-chisel/blob/13602e6389d07bc2e91177ec20c3001ae0b76ab8/generators/app/templates/styles/itcss/elements/_html.scss)

@jakub300
Copy link
Collaborator

jakub300 commented Apr 5, 2018

Definitely, but I think it's enough to do it on html, no need for *.

@luboskmetko luboskmetko changed the title Font rendering Improve font rendering Apr 5, 2018
@piotr-bajer
Copy link
Contributor Author

@jakub300 You are right, both properties are inherited, can be applied to html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants