关于"字体"的一些事儿-------Stri's Blog

» 2010-6-6 17:20:12 已被归档于 Html/Css

才学疏浅.理解有限- -!!.
看过好多朋友写的页面的字体.大多数都用"宋体",或者为了兼容强一点.加个Arial(Arial在win平台上和Mac的都有)
会这样写

font-family:Simsun,Arial;

按W3c的某种意义上.上面这段CSS应该再加个通用字体放在尾部.一般会用sans-serif(无衬线字体)

font-family:Simsun,Arial,sans-serif;

关于serif与sans-serif.
大概上可以这样讲:前者适宜可内容字体.因为它的字形有衬线.长时间看并不感觉累(宋体就是serif字体).后者,适宜做页面突出,小字号时更明显点.
DEMO1

<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
a { font-size:14px; line-height:1.5em; color:#000; text-decoration:none; margin-bottom:20px; display:inline-block; }
a:hover{ text-decoration:underline; color:#F00;}
.f1 { font-family:"Times New Roman", Times, serif; }
.f2 { font-family:SimSun; }
.f3{font:14px/1.5 "宋体";}
.f4{font:14px/1.5 Helvetica;}
.f5{font-family:Verdana;}
.f6{font-family:Arial;}
.f7{font-family:Tahoma;}
.f8{font-family:Arial Narrow;}
.f9{font-family:"微软雅黑";}
</style>
</head>
<body>
<a href="#" class="f3">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f2">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f4">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f5">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f6">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f7">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f8">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
<a href="#" class="f9">和小生一起去学校提档案.两年后又来到这个熟悉的地方.挺奇怪的感觉.看到每一个角落.都会自然的想起,那个年代的自己的某些事儿.笑笑.与学生们的眼神相视而过.仿佛就是时光那边可笑的自己.我不说话,却又想大声的喊出来.想淡定.却总是笑而不停.夏天的3点半,安静的操场,懒懒的味道.很熟悉很熟悉.很想坐下来吹着泡泡糖,闭着眼,想那些年的事儿fadsfadsfjkjkljgjlkjFJALDSKJFJLL,FDASFJJFKADSJF</a><br/>
</body>
</html>

上面DEMO中第一段和第二段是宋体从段落长短上看:可知宋体的间距稍微大的.在大量文字上不会至于因太过于拥挤而感到记忆疲惫.
有些人喜欢雅黑.很美.可它却是化妆的凤姐,大小不一,且文字多的时候.眼神无法集中.而且一般的电脑上没有这个字体.....
[待续....]
先看几个demo
1.各浏览器下的默认字体测试
2.字体总结

订阅此文章

关于"字体"的一些事儿

相关评论(共0条)

分类

最新文章

最新回复

良师益友

日志归档