I have a question about CSS. How can I achieve anti-aliasing in small fonts? Like the DELL website, there is no jaggedness at all_html/css_WEB-ITnose

Now the font is set to 14px and the aliasing is serious. I don’t know if there is any way to solve this problem. Of course, I can change it to an image, but in order to reduce the loading time, I still want to do this anti-aliasing through other methods. I use The size is 14px.

Has anyone encountered this problem?

Reply to the discussion (solution)

Now that you have seen the css style, you can directly view the source file, and finally use firefox to directly open the referenced Style sheet

I defined the font in CSS to produce jagged fonts. Is there any solution?

This is still related to the font you set. For example, some websites use the same font but in different languages, and they will display different performances

Use this CSS setting Try the font

span {
font: 46px "Microsoft YaHei", Arial, Tahoma;
font-weight:900;
}


Take a look Can you get it? I wish you success!! I hope we can study together in the future

Thank you for supporting our PHP Chengdu

.

Thank you upstairs

46px Of course No problem, the key is that it is impossible for my website to use such large fonts. I just use 14px

Are you sure the fonts seen in FF and IE series are the same? Also, it is recommended to set the font size to em, not px.

Now I am mainly testing IE, FF and Opera. I feel that the user base of FF is not ordinary enough and they are not the viewers of my website.

The key is, doesn’t everyone have this problem? Am I the only one who encountered this?

Don’t use fancy fonts. They look beautiful on your machine, but you can’t guarantee that they will be available on the customer’s machine.
The best effect is to use pictures

I remember that the Microsoft Yahei font has no jagged edges
IE favors Yahei

Is there anything here that is set to em? Is there an issue with different browsers?

To summarize:
1. Change px to em
2. Use Microsoft Yahei