Please tell me about the problem of jagged fonts_html/css_WEB-ITnose

Now some mobile websites like Apple, Meizu, etc. are using large font sizes, for example:
http://www.apple.com/cn/iphone-6/
http:/ /www.meizu.com/products/meilannote/fun.html
But during my own programming, I found that if a larger font size is used for the text on the page, jagged phenomena will appear and affect the appearance
My own Baidu I saw that CSS3 has the -webkit-font-smoothing: antialiased; attribute that can be anti-aliased
But after actually adding it to CSS, I found that the problem remains the same. Is there any way to anti-alias large fonts like some mobile websites? Jagged effect?
Attachment, the CSS I set myself is:
* {
font-family:"Microsoft Yahei","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";  
-webkit-font-smoothing: antialiased;
}

Thanks

Reply to discussion (solution)

-webkit only It is only valid in Chrome and Safari browsers

I also make mobile pages, but I don’t use extra large fonts. So this has never happened. Don’t forget to post the answer if you find it. .

-Webkit is only valid in Chrome and Safari browsers

Yes... I checked before and it is only valid in CHROME and Safari, but I am using Chrome. Moreover, even under IE, those mobile websites can ensure that the fonts are not jagged (not using pictures to display text but real text).