Recently, in the development of a h5 page when it came to questions about such a bold text, I set
<p style=“font-weight :600;”>100万代金卷</p>
100 results on Android phones the bold, 'Wan vouchers' has not changed, the ios phones are bold. why?
Are there compatibility issues? Finally, I became Set
<p style=“font-weight :600;”>100万代金卷</p>
Arranged such cases only bold font
so they thinking about the font-weight to sum up, I hope to answer doubts in my mind.
First we look at the font-weight value which can be set to the
font-weight can be set to normal (default value defined in the standard characters.), Bold, bolder, lighter these four values
font-weight also can be set to the number 100 , 200,300,400,500,600,700,800,900
Normal corresponding figure 400
Bold numbers correspond to 700
Bolder and lighter without the corresponding figures, why? Because they are relatively both in terms of the parent element.
For example: if the parent element is set font-weight: 200; my child element set font-weight: bolder; then when you look in the browser you will find that the last show becomes a normal effect of. Because bolder parent element is the relative terms. Similarly lighter as well.
Finally, to summarize a large
font-weight values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Description of the value of available
normal normal display font, numeral 400 corresponds.
bold numbers in bold correspond to 700
Bolder element relative to the parent, the parent element thicker than
lighter elements relative to the parent, the parent element lighter than the
100 and 200 at least as pale Thin (thin, light)
200 and 100 at least as thick, at least 300, and Like light Light Extra (Ultra Light)
300 and 200 at least as thick, and at least 400 as pale Light
400 normal font display, equivalent to normal. Regular (Normal, Book, Roman)
500 is at least 400 as thick, at least, and 600 as pale Medium (moderate, moderate)
600 is at least 500 as thick, at least, and 700 as pale Semi Bold (Demi Bold) - Semi bold
700 Bold, equivalent to bold. Bold
800 and 700 at least as thick, and at least 800 as pale Bold Extra (Ultra Bold)
900 and 800 at least as thick Black (Heavy)
the inherit inherited from the parent element font weight
Note: IE7 and earlier versions do not support the value "inherit" the. IE8 need to define! DOCTYPE. IE9 support "inherit".
