推介:| 網頁設計 | Web Design Hong Kong | Logo Design | Namecard Design | 結婚網頁製作 | Web Design Company |

發新話題
打印

网页字体的美化

网页字体的美化

本来,我没打算写这篇文。因为许多站长都亲自撰稿,传授秘籍了。但很多网页上的字体仍然没有“美化”效果,想必还是用了软件提供的默认字号,所以我也跟着来嚷嚷两句,凑凑热闹。




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





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





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





    在代码的上方,<head></head>区之间,有一句“td{ font-size: 9pt }”。这就是我们刚才费半天劲设置的“表格样式”代码。实际上,如果你记得住,将这一句直接写上去就可以了。





    现在,我可以告诉你简单的结果了:在网页字体的大小设置上,只须在每页的<head></head>区之间加入以下一段代码即可。





<style type="text/css">

body{font-size:9pt}

th{font-size: 9pt}

td{ font-size: 9pt }

-->

</style>

    关键的问题倒是:究竟我们可以在网页上用几种大小的字体?也就是说,显示器上的网页中,有几种字号是美观的?9pt是公认的字号。绝大多数网页都用它。11pt也好看。问题似乎解决了,可是假如你有一段文字想设置得比9pt更小,咋办?用8pt或7pt行吗?如果你的显示器“桌面显示字体”是大字体,那你会觉得可行。然而且住!大多数显示器不是1024x768分辨率的17寸,而是800x600或者640x480的14、15寸。他们的“桌面显示字体”往往是小字体,这时,8pt或7pt的显示效果会很难看,而且基本上看不清。有别的办法吗?有!

    办法很简单,告诉你另一种大小的字体表示法,即:“12px”。它比9pt字号要小,而且在不同的显示器上,看上去都挺好。所以,你只要将上面代码中的9pt改为12px就行了。但你可能会问:我不想要整张网页都改成12px,而只想让某一段文字是12px,那又如何是好?
网知(全面的网络技术资讯网)

TOP

Valextra Bag Buy valextra bag in Hong Kong. Clean Lines and Bright Colors. Valextra bags 2020, 今年出鏡率超高
thanks!
its good
very useful, thx
顶。。这个帖子很好。我很喜欢,希望楼主大大多发好帖子!

TOP

提升 DSE 英文? 登記立即幫你免費預測DSE成績,為考試作出最佳部署!
感謝...很好
Good...

TOP

提升 DSE 英文? 登記立即幫你免費預測DSE成績,為考試作出最佳部署!
發新話題


重要聲明:本討論區是以即時上載留言的方式運作,本網站對所有留言的真實性、完整性及立場等,不負任何法律責任。而一切留言之言論只代表留言者個人意見,並非本網站之立場,用戶不應信賴內容,並應自行判斷內容之真實性。於有關情形下,用戶應尋求專業意見(如涉及醫療、法律或投資等問題)。由於本討論區受到「即時上載留言」運作方式所規限,故不能完全監察所有留言,若讀者發現有留言出現問題,請聯絡我們。本討論區有權刪除任何留言及拒絕任何人士上載留言,同時亦有不刪除留言的權利。切勿撰寫粗言穢語、誹謗、渲染色情暴力或人身攻擊的言論,敬請自律。本網站保留一切法律權利。


Copyright 1997-2025 Xocat. All Right Reserved.