Directly writtenCodeTest the summary results in each browser. If you have any questions, please correct them. The result is in the Code:
<! Doctype html >
< Html >
< Head >
< Meta HTTP-equiv = "Content-Type" Content = "Text/html; charset = gb2312" />
< Style Type = "Text/CSS" >
H4 {
Margin : 5px ;
Padding : 0px ;
Border-bottom : 1px solid #000 ;
}
</ Style >
< Title > Research on font of Microsoft </ Title >
</ Head >
< Body >
< H4 > First look at the effect </ H4 >
< P Style = "Font: 12px ' '" >
Code: Font: 12px ' 'research on the display of fonts in various browsers < A Href = "#" > Underline Test </ A > 1234567890 ,.?! :''",.?! :; '... [] {} () <> | /\'~ @ # $ % ^ & *-+ =
</ P >
< P Style = "Font: 12px tahoma" >
Code: Font: 12px tahoma research font display in various browsers < A Href = "#" > Underline Test </ A > 1234567890 ,.?! :''",.?! :; '... [] {} () <> | /\'~ @ # $ % ^ & *-+ =
</ P >
< P Style = "Font: 12px Arial" >
Code: Font: 12px Arial research on font display in various browsers < A Href = "#" > Underline Test </ A > 1234567890 ,.?! :''",.?! :; '... [] {} () <> | /\'~ @ # $ % ^ & *-+ =
</ P >
< P Style = "Font: 12px 'body '" >
Code: Font: 12px ' 'investigation on the display of fonts in various browsers < A Href = "#" > Underline Test </ A > 1234567890 ,.?! :''",.?! :; '... [] {} () <> | /\'~ @ # $ % ^ & *-+ =
</ P >
< P Style = "Font: 12px Helvetica" >
Code: Font: 12px Helvetica research font display in various browsers < A Href = "#" > Underline Test </ A > 1234567890 ,.?! :''",.?! :; '... [] {} () <> | /\'~ @ # $ % ^ & *-+ =
</ P >
< H4 > Font </ H4 >
< P > 1) Underline </ P >
< P Style = "Font: 12px ' '" >
Code: Font: 12px '' < A Href = "#" > In IE6, 7, and Firefox, the underline does not paste text, and other browsers are difficult to paste. </ A >
</ P >
< P > 2) font 13 </ P >
< P Style = "Font: 12px ' '" >
Code: Font: 12px '' < A Href = "#" > Research on the display of fonts in various browsers </ A >
</ P >
< P Style = "Font: 13px ' '" >
Code: Font: 13px '' < A Href = "#" > Font No. 13, no Deformation </ A >
</ P >
< P Style = "Font: 14px ' '" >
Code: Font: 14px '' < A Href = "#" > Font No. 14, no Deformation </ A >
</ P >
< P > 3) Mixed Chinese and English sorting </ P >
< P Style = "Font: 12px ' ';" > Font: 12px ' '; < A Href = "" > If a line contains both Chinese and English characters, even if an element in the line is defined < Span Style = "Vertical-align: bottom ;" > Vertical </ Span > -The align attribute is displayed normally. </ A > </ P >
< P Style = "Font: 12px tahoma ;" > Font: 12px tahoma; < A Href = "" > If a line contains both Chinese and English characters, and the element in this line is defined < Span Style = "Vertical-align: bottom ;" > Vertical </ Span > -Align properties in the IE6-8 can cause uneven text, or even underline dislocation. </ A > </ P >
< P Style = "Font: 12px Arial ;" > Font: 12px Arial; < A Href = "" > If a line contains both Chinese and English characters, and the element in this line is defined < Span Style = "Vertical-align: bottom ;" > Vertical </ Span > -Align properties in the IE6-8 can cause uneven text, or even underline dislocation. </ A > </ P >
< P Style = "Font: 12px ' ';" > Font: 12px ' '; < A Href = "" > If a line contains both Chinese and English characters, even if an element in the line is defined < Span Style = "Vertical-align: bottom ;" > Vertical </ Span > -The align attribute is displayed normally. </ A > </ P >
</ Body >
</Html>
You are welcome to make a brick. No row number is displayed. This allows you to directly copy the code and check the effect in your browser. Note: "" must be written in the font ""