网页字体的美化_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

网页字体的美化

作者：闵涛文章来源：闵涛的学习笔记点击数：856 更新时间：2009/4/23 14:10:01

我设计第一篇网页的时候，就遇到了字体的设置问题。我发现如果用软件约定的字体大小，则显示效果会很难看的。我是用FrontPage2000作网页，在这个微软大加宣传的网络软件里，文本的设置居然是如此令人失望，可能有它的难处，我不知道。总之，当我研究了半天之后，我明白过来：在显示器上，中文字体的字号，最保险的，是9pt，11pt也不错。如果你在Word或Excel里设置文本的大小，可很容易找到这两种字号。但在FrontPage里，甭想！除非你手工设置“格式”菜单里的“样式”。在“样式”对话框里，你可以对网页的各个部分进行较为自由的“修改”。修改的内容就是格式，包括“字体”、“段落”、“边框”、“编号方式”和“定位”五种。实际上，这些格式内容，在“格式”菜单里就有的。但在“样式”设置当中，可以得到更大的自主权。不信你就试试。在某一表格内先随便写一段中文，然后打开“格式”菜单里的“字体”设置对话框。看看在字体大小选择中，是否有9pt？没有。直接写上9pt行吗？不行。没辙了？别急，请进入“样式”对话框试试，此对话框的左边是“样式”内容选择，也就是说，让你选择你想手工设置的具体内容。比如你可以选择“td”，即对表格内容进行设置。“样式”对话框的右边有一个“修改”按钮，进入“修改”后，就看到左下角那个讨厌的“格式”按钮了。里面就是上边谈到的五种选择。我们选“字体”。在这个字体对话框中，你可以输入自己想要的字体大小值，直接输入“9pt”，再一路“确定”回来，看看页面上的字体是否听话？

　　好了，我们总算找到一种完全通过菜单选定字体大小的方法。用这种方法，你可以设置各种尺寸的字体。（这下微软又有理了：谁说我们的软件没摆脱编码的麻烦？）然而，这还不算麻烦么？

　　实际上，如果你对编码这玩意儿不抱成见，肯用心去研究一下，它也不见得有多吓人。还是以上面这个例子来说吧，我们自定义“td”即表格的字体大小为9pt。那么，它的编码是什么样的呢？转到软件界面左下角的HTML显示窗，你将看到网页的HTML编码。一般都叫它HTML代码。

　　在代码的上方，区之间，有一句“td{ font－size: 9pt }”。这就是我们刚才费半天劲设置的“表格样式”代码。噬希绻慵堑米。庖痪渲苯有瓷先ゾ涂梢粤恕?BR>
　　现在，我可以告诉你简单的结果了：在网页字体的大小设置上，只须在每页的区之间加入以下一段代码即可。

　　关键的问题倒是：究竟我们可以在网页上用几种大小的字体？也就是说，显示器上的网页中，有几种字号是美观的。9pt是公认的字号，绝大多数网页都用它，11pt也好看。问题似乎解决了，可是假如你有一段文字想设置得比9pt更小，咋办？用8pt或7pt行吗？如果你的显示器“桌面显示字体”是大字体，那你会觉得可行。然而且住！大多数不是1024×768分辨率的17英寸显示器，而是800×600或者640×480的14英寸或15英寸的。他们的“桌面显示字体”往往是小字体，这时，8pt或7pt的显示效果会很难看，而且基本上看不清。有别的办法吗？有！办法很简单，告诉你另一种大小的字体表示法，即：“12px”。它比9pt字号要小，而且在不同的显示器上，看上去都挺好。所以，你只要将上面代码中的9pt改为12px就行了。但你可能会问：我不想要整张网页都改成12px，而只想让某一段文字是12px，那又如何办呢？对单独文本的改动可用这样的方法：在这一段文本的开头位置（我是指在代码页），加入这样一句代码：

　　如此，这一段文字就是12px的小字体了，OK!

　　最后，捎带着讲一下“粘贴代码”的问题。你肯定会拿这些代码去粘贴的，因为很方便。我们在制作网页时，常常需要这样的粘贴。在粘贴代码时，如果你的代码是直接从其它网页上copy的，则在粘贴时软件很有可能把代码看作文本，这时，代码不起作用，而且，你会在网页上看到你刚粘贴上的代码。如果是这种情况，可以先将copy的代码粘贴到写字板上，再copy一次，然后贴入网页代码区内，问题将得到解决。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程：从报纸排版中看WEB标准的应用

下一篇教程：实现页面图片阴影特效技巧三则

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……