Home  >  Article  >  Web Front-end  >  Google Chrome does not support 11px font_html/css_WEB-ITnose

Google Chrome does not support 11px font_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:23:191211browse

Font Browser

Google Chrome does not support 11px font, how to solve it? Adding this attribute does not work -webkit-text-size-adjust:none;

Reply to discussion (solution)

Google Chrome does not support 11px fonts
re:
What font is the request for?

Google Chrome does not support 11px font
re:
What font is the request for?
I have tried many fonts but they don’t seem to work. It seems that the smallest one is 12px. Words


Google Chrome does not support 11px fonts
re:
What font is the request for?
I have tried many fonts but none seem to work. It seems that the smallest font is 12px
Post some font names you have tried and I will try



Google Chrome does not support 11px fonts
re:
What font is the request for?
Tried Many fonts don’t seem to work, the smallest one seems to be 12px
Post some font names you’ve tried and I’ll try them
I tried Songti, Microsoft Yahei and Arial. These commonly used ones don’t seem to work. Yes..




Google Chrome does not support 11px font
re:
What font is the request for?
I have tried many fonts but nothing seems to work. It seems that the smallest font size is 12px
Post some font names you have tried and I will try
I tried Songti, Microsoft Yahei and Arial. These commonly used ones don’t seem to work... How do you know it’s not the case? 11px?





Google Chrome does not support the 11px font
re:
What font is the request for?
I have tried many fonts but it doesn’t seem to work. Yes, it seems that the minimum font size is 12px
Post some font names you have tried and I will try
I tried Songti, Microsoft Yahei and Arial. These commonly used ones don’t seem to work... What are you doing? Do you know it’s not 11px?



I compared it, and it seemed like there was no difference. I also tried 7px and 5px fonts and it looked like this

This is from the browser If the feature is not supported, the design can only be changed. Not all requirements can be realized using technology.

It feels really smaller and looks uncomfortable

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>less-12px</title><style type="text/css">.small{-webkit-text-size-adjust:none; font-size:10px;}</style></head><body><p class="small">我是小于12px的字体</p><p style="font-size:12px;">我是12px字体</p></body></html>

The webkit kernel has a proprietary property -webkit-text-size-adjust: none;

It seems that the rendering parsing of different browsers is quite different for odd font sizes. It is recommended to use even font sizes for stability.

Google Chrome does not support 11px font, how to solve it? Adding this attribute does not work - webkit-text-size-adjust:none;

html{-webkit-text-size-adjust:none;}


It does. . no problem. . Display according to the specified font-size, otherwise if it is less than 12px, it will be displayed as 12px

html{-webkit-text-size-adjust:none;} This attribute can solve the problem of fonts smaller than 12px in the previous Google Chrome It's a problem, but the new version of Google doesn't seem to work. It's useless to set this style, so I can only change the design

The latest version of chrome seems to have changed the blink kernel instead of the previous WebKit kernel. .

Google, fonts below size 12 will not be parsed

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn