先特殊后通用,越往后的字体越安全。
<title>无标题文档</title>
<style title="text/css">
p { font-family:Times,"宋体",sans-serif; /*如果前面的字体都没有找到,那就告诉客户端指定一个无衬线的字体*/ }
div { font-family:"Times New Roman"; /*不等宽字体*/ }
</style>
</head>
<body> <div> MMMMMMMMMMM<br /> lllllllllll<br /> </div> <p>i hate that everything is out of my control.
it happens as it was so right.
i was cheated by u two. forgive sounds good, but forget i think i never could.
u two totally have no idea that how much i want to forgive u.</p> <p>1:设计人员机器上有的字体,来浏览的客户机器上未必由此字体<br /> css里如果声明了文字为某个字体,如雅黑,那么雅黑字体是从客户自己的机器上<br /> 寻找该字体并且渲染在网页上。如果客户机上没有该字体就会自己找一种相近或者机器默认的字体来代替。<br /> 结论:设计者自己机器上看到的某种网页的字体效果,在浏览者看来,未必有相同效果。 </p> <p>2:英文的字体多,中文的字体少</p> <p>3:字体的大分类:<br /> 有衬线--serif,典型如新宋,一般用于报纸的新闻正文<br /> 无衬线--sans-serif,典型如黑体,一般用在报纸大标题等<br /> </p> <p>4:字体作用的顺序,<br /> font-family可以设置多种字体,<br /> 顺序从前往后显示,如a,b,c,d<br /> 即:如果a字体有,则显示a字体,<br /> 如果没有,则尝试b字体,以此类推<br /> </p> <p>当声明多个字体,如果某个字体名称含多个空格或者汉字,用双引号引起来</p>
</body> </html>