search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.1k stars 4.95k forks source link

Font Smoothing Property is Not Changed By Autoprefixr #3576

Open dahlfors opened 8 years ago

dahlfors commented 8 years ago

Semantic-UI uses "font-smoothing: antialiased" in six different places: https://github.com/Semantic-Org/Semantic-UI/search?q=font-smoothing&type=Code&utf8=%E2%9C%93

There is no such CSS property, neither is such a property planned to be included in CSS in any near future.

To affect font-smoothing you need to use the vendor-specific "-webkit-font-smoothing: antialiased;" and "-moz-osx-font-smoothing: grayscale;".

jlukic commented 8 years ago

We use autoprefixer which should be adding the vendor prefix for us. It looks like from perusing our dist/ folder that font-smoothing does not automatically translate to -webkit-font-smoothing

tcmal commented 6 years ago

font-smooth property is not part of standard:

Though present in early (2002) drafts of CSS3 Fonts, font-smooth has been removed from this specification and is currently not on the standard track.

It is very bad thing. Autoprefixer could not add prefixes for non-standard properties, because CSS will not be useful in future.

postcss/autoprefixer#763

So it looks like there's no plans for autoprefixer to support this property, nor an assurance it will continue to exist, meaning it should probably be removed altogether.

SaveYourTime commented 6 years ago

@jlukic This seems to be a well know bug for font-smoothing: antialiased;. How come it still not be change to -webkit-font-smoothing: antialiased;?

developer-collin commented 6 years ago

To clarify, this is not a bug. font-smoothing is a non-standard feature of certain browsers.

https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Though present in early (2002) drafts of CSS3 Fonts, font-smooth was removed and this specification is not on the standards track.

niftylettuce commented 5 years ago

You could probably use https://github.com/morishitter/postcss-font-smoothing as an alternative and recommend this in the README or something.

PB-ux commented 1 year ago

Hi, when I hover the boxes the white text is changing smoothing automatically and getting it fixed automatically as well, not sure why font smoothness is being changed. I don't know ?