问一个关于字体的问题？

Question

一般我们用的都是宋体，
因为如果用楷书或是其它的字体有可能其它机子上用不了，如果他们没有装office或专装字体的话。
要pt和px两种单位
前面是点后面的是像素。

Answer 1

你要设置成什么样的字体，一般通过在css里面来设置，我给一些我常见的字体包括链接的字体设置给你参考一下：.font11c { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-style: normal; font-weight: bold} A:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} 
A:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none}
A:hover { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: underline} 
 
A.title:link { COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none} 
A.title:visited { COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none} 
A.title:hover { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none}A.fontw11:link { COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontw11:visited { COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontw11:hover { COLOR: #FF0000; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontb11:link { COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb11:visited { COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontb11:hover { COLOR: #FF0000; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontw12:link { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontw12:visited { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontw12:hover { COLOR: #FF0000; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontb12:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb12:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontb12:hover { COLOR: #FF0000; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontw13:link { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontw13:visited { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontw13:hover { COLOR: #FF0000; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontw13w:link { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontw13w:visited { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontw13w:hover { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontb13:link { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb13:visited { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontb13:hover { COLOR: #FF0000; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontxiong:link { COLOR: #FFFFFF; FONT-SIZE: 15px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontxiong:visited { COLOR: #FFFFFF; FONT-SIZE: 15px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontxiong:hover { COLOR: #FF0000; FONT-SIZE: 15px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb13my:link { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb13my:visited { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontb13my:hover { COLOR: #FF0000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontb13w:link { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontb13w:visited { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontb13w:hover { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontw12w:link { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} 
A.fontw12w:visited { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
A.fontw12w:hover { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold} A.fontw11n:link { COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontw11n:visited { COLOR: #FFFFFF; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontw11n:hover { COLOR: #FF0000; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.fontb11n:link { COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontb11n:visited { COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontb11n:hover { COLOR: #FF0000; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.fontw12n:link { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontw12n:visited { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontw12n:hover { COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.fontb12n:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontb12n:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontb12n:hover { COLOR: #FF0000; FONT-SIZE: 12px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} 

Answer 2

A.fontw13n:link { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontw13n:visited { COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontw13n:hover { COLOR: #FF0000; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.fontb13n:link { COLOR: #000000; FONT-SIZE: 13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.fontb13n:visited { COLOR: #000000; FONT-SIZE:13px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.fontb13n:hover { COLOR: #FF0000; FONT-SIZE: 13px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} .white18 {font-size: 18px; line-height: 21px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.black18 {font-size: 18px; line-height: 21px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}.livingtitle{font-size: 14px; line-height: 18px; color: #003399;font-family: "Arial", "Helvetica", "sans-serif";font-weight: bold}
.workingtitle{font-size: 14px; line-height: 18px; color: #003399;font-family: "Arial", "Helvetica", "sans-serif";font-weight: bold}
.teachingtitle{font-size: 14px; line-height: 18px; color: #003399;font-family: "Arial", "Helvetica", "sans-serif";font-weight: bold}
.kidstitle{font-size: 14px; line-height: 18px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";font-weight: bold}A.livingtitle:link { COLOR: #003399; FONT-SIZE: 14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.livingtitle:visited { COLOR: #003399; FONT-SIZE:14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.livingtitle:hover { COLOR: #FF0000; FONT-SIZE: 14px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.workingtitle:link { COLOR: #003399; FONT-SIZE: 14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.workingtitle:visited { COLOR: #003399; FONT-SIZE:14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.workingtitle:hover { COLOR: #FF0000; FONT-SIZE: 14px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} 
A.teachingtitle:link { COLOR: #003399; FONT-SIZE: 14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.teachingtitle:visited { COLOR: #003399; FONT-SIZE:14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.teachingtitle:hover { COLOR: #FF0000; FONT-SIZE: 14px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} A.kidstitle:link { COLOR: #000000; FONT-SIZE: 14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";} 
A.kidstitle:visited { COLOR: #000000; FONT-SIZE:14px; TEXT-DECORATION: none; font-family: "Arial", "Helvetica", "sans-serif";}
A.kidstitle:hover { COLOR: #FF0000; FONT-SIZE: 14px; TEXT-DECORATION: underline; font-family: "Arial", "Helvetica", "sans-serif";} 
.white10 {font-size: 10px; line-height: 14px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.white11 {font-size: 11px; line-height: 15px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.white12 {font-size: 12px; line-height: 16px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.white13 {font-size: 13px; line-height: 17px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.white14 {font-size: 14px; line-height: 18px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif";}
.white10b {font-size: 10px; line-height: 15px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.white11b {font-size: 11px; line-height: 17px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.white12b {font-size: 12px; line-height: 18px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.white13b {font-size: 13px; line-height: 19px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.white14b {font-size: 14px; line-height: 20px; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.white15b {font-size: 15px; line-height: 201x; color: #FFFFFF;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}.black8 {font-size: 8px; line-height: 14px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black9 {font-size: 9px; line-height: 15px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black10 {font-size: 10px; line-height: 16px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black11 {font-size: 11px; line-height: 17px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black12 {font-size: 12px; line-height: 18px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black13 {font-size: 13px; line-height: 19px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black14 {font-size: 14px; line-height: 20px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}
.black15 {font-size: 15px; line-height: 21px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif";}.black10b {font-size: 10px; line-height: 16px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.black11b {font-size: 11px; line-height: 17px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.black12b {font-size: 12px; line-height: 18px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.black13b {font-size: 13px; line-height: 19px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.black14b {font-size: 14px; line-height: 20px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.black15b {font-size: 15px; line-height: 21px; color: #000000;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.red15b {font-size: 15px; line-height: 21px; color: #F51634;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}
.green15b {font-size: 15px; line-height: 21px; color: #20850F;font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold}

Answer 3

在css里面字体的名字是可以由你自己取名的，只要你知道某一种字体该用多大的号，高多少宽多少，自己知道就可以了。然后在页面要用到字体的地方调用相应的字体的css或者直接在页面中通过font来设置font的css来实现，我个人喜欢在一个css文件里面设置所有的css然后在页面中调用

Answer 4

一般定义字体大多都用12px的或者是9pt的
行高一般用19-24不等的，根据需要或者页面美观。td,body{font-size:12px;line-height:20px}
a {font-size:12px;text-decoration: none;color:#666666}
a:hover {text-decoration: underline;color:#333333}font-size:字号
line-height:行高
color:颜色
text-decoration:字体样式，none:没有；underline:下划线