当前位置:首页简单谈一下制作网页时如何选择字体和字体大小 举报文章

简单谈一下制作网页时如何选择字体和字体大小

作者:admin    来源:用户投稿    时间:2015.6.11   

  网站建设中的字体及字体大小的的选择直接影响着网站整体的视觉效果,在某种程度上也会对网站优化起到一定的作用,比如大号字体和黑体字在网页上显示 更加醒目,具有加强某些信息显示的效果,而搜索引擎也会捕捉到这些字体的大小,更重视这些大号字体和黑体字内的信息。虽然现在的字体种类非常多,但是可以供网站建设人员选择的字体还是比较少的,主要是因为网站建设要以用户体验为中心,不能把网页搞得太过于花哨,字体太多就显得比较乱了,同时也要考虑到各种浏览器对这些字体的兼容性,尽量不让浏览器上显示字体时发生变形,那样反而不好。当然,有时候为了更好地表达网站主题,我们还是有必要选择某种特殊字体来制作网页,这时你可以将文字以图片的形式展示出来,这样就可以适合各种浏览器了。下面笔者简单谈一下制作网页如何选择字体和字体的大小。

  一、网站建设中字体的选择:

  一般网站客户端计算机中都安装有多种字体,浏览器会使用默认字体显示网页,如WindowsXP中文版操作统默认字体是宋体或新宋体,在后来的 windows操作系统中,以微软雅黑为默认字体,这种字体显示得更加清晰,取代了XP系统下默认中文宋体,支持高清显示ClearType功能。以上这些字体在大多数电脑上都有安装,但是,如果你在制作网页的时候,如果选择了比较特殊的字体,而这种字体用户电脑里并没有,那么用户浏览网页时仍不能显示这些字体,这些字体仍以默认的宋体或者雅黑字体来显示。所以,为了适合更多的用户浏览,我们在制作网页的时候应该使用宋体或者雅黑来作为网页的基准字体,尽量少使用特殊字体。当你不能确保所设置字体在所有浏览者电脑中都安装时,使用一种通用字体是可行的办法。而对于英文字体,可选择的字体类型相对会多一些,绝大多数电脑上都装有这些英文字体,制作网页时选择什么类型关系并不太大,只要看着美观就行。英文通用字体主要包括下面几类:

  1、sans-serif,这种字体是一种有比例但没有衬线字体,常见字体是Arial。

  2、cursive,这种字体是模拟人的笔迹,这种字体大部分是由曲线和比衬线字体更强笔画修饰组成,常用字体是ComicSans。

  3、monospace,这是一种无比例字体,用于模拟打字机打出字体,这些字体中每个字符都占有同样宽度,常用字体是Courier。

  4、serif,这是一种成比例有衬线字体,成比例是指字体中所有字母根据它们不同尺寸占据不同宽度。衬线是指字体上附加装饰性细线,如小写字母会在项部和底部附加细线。常用字体有Times New Roman。

  在制作网页的时候,为了保证在大多数浏览器上都能正确显示字体,给用户呈现出美观的界面,笔者通常都是选择使用系统默认字体,如中文宋体或新宋体,过些时日可以选择雅黑作为默认字体,英文则选择Arial这种字体。这样可以保证用户系统中字体缺乏时,浏览器也能够正确识别并 显示出正常的文字。同时笔者也建议大多的网站设计者都能够选择系统默认的字体,不要把特殊的字体运用在网页的文字中。如果非要使用这些特殊的字体,笔者建议您使用这些特殊字体制作成图片,然后将图片显示在网页上的相应位置,这样做法更好一些,但这无形中增大了网页的体积,这样的图片多了会延缓网页打开速度。

  二、网站建设中如何选择字体的大小

  网站建设中字体大小的选择是用户体验中的一个重要部分,过大过小都会影响用户体验。在制作网页的时候,我们可以根据文字在网页中的不同位置和不同等级来分 别使用不同大小的字体。相对来说,内容标题可以使用较大的字体,而内容小标题可以采用次一号的字体,而内容正文则可以采用正常大小的字体。

  对于不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对最终在浏览器上展现出来的文字大小带来影响。最好的方式还是在网页制作时根据用户的分辨率给用户一个比较美观的默认字体大小。大多数专业的网站建设人员,都会习惯性的使用某一字体大小,比如14px或 12px,因为12px和14px基本已经成了大多数网站字体的标准大小,而11px、13px、15px等大小则涉及到一个锯齿的问题,特别是在早期的显示器中,往往不能很好的处理文字的锯齿问题,使用单数的像素,极有可能造成锯齿,所以通常采用偶数的大小。

  在CSS中,最常用的描述字体大小的单位有两个,即em和px。通常认为em为相对大小单位,而px为绝对大小单位。但从实际应用中来讲,px像素有时也像是一种相对大小单位。比如,在一块15寸分辨率为800×600像素的屏幕上,10px大小的文字,要比一块10寸分辨率1024×768像素的屏幕上的10px大小的文字显得更大一些。px为像素单位,20px表示20个像素大小,在现在的网页设计中,常被用来表示字体大小,方便且直观。比如12px,14px就是用px作为字体大小,而16px为中等字体,18px为较大字体,12px为偏小字体。em为相对大小单位,它表示的字体大小不固定,根据基础字体大小进行相对大小的处理。浏览器默认的字体大小为 16px,如果一段文字指定1em,那么就是代表16px大小,而2em就是32px大小。相对大小单位有很广泛的用途,由于它的相对性,对跨平台跨设备的字体大小处理上很有优势,只是无法直观的看到大小。

  以上是关于在网站建设中如何选择字体和字体大小的介绍。其实网站建设就是这样,有的时候就算是1px的差异,就可能影响这个网站的视觉效果,最终影响到网站建设的质量,并影响到用户的体验。作为专业网站建设人员就必须要掌握和了解得更多,并切实在实际中测试观察效果,只有如此,我们才能制作出更加出色的网站。

  本文出自云南盈科信息工程(http://www.ynynyn.com/website-process/),尊重作者劳动成果,请在转载时注明出处。

好文打赏,给Ta鼓励
扫一扫用手机阅读本文
Tags:简单  一下  制作  网页  如何  选择  字体  字体大小  大小  
  • 相关搜索
图片推荐
    亚马逊进天猫将影响海淘格局

    亚马逊进天猫将影响海淘格局

    文/老铁  昨晚元宵佳节,亚马逊中国amazon官方旗舰店出现在天猫店铺中。亚马逊中国的进口直采业务部分与天猫展开合作。根据媒体报导,正式入驻天猫的进口直采,业务主要将集中在食品、女鞋、玩具母婴及厨具
    阿里发布2014年打假报告:两年打假投入超10亿

    阿里发布2014年打假报告:两年打假投入超10亿

    新浪科技讯 12月23日上午消息,阿里巴巴集团今日向外界展示了线下线上打假成果,公开阿里的大数据打假模式,并发布线上线下联动打假的未来趋势。这是阿里巴巴成立15年来,首次向社会揭秘其打假的工作机制。 
    解决这四个问题 让你做好初创品牌的传播

    解决这四个问题 让你做好初创品牌的传播

    最近几年很成功的公司都存在着一些共性,首先是因为开创了一个新品类,或者开创了一个新的特性。其次是抓住了一个时间窗口,在开创这个品类的时候,没有太多的竞争对手,或者竞争对手还没有太多的动作,在消费者心中
    虎扑体育网提交上交所上市申请书 去年营收2亿元

    虎扑体育网提交上交所上市申请书 去年营收2亿元

    【TechWeb报道】4月25日消息,互联网体育服务平台虎扑体育向证监会提交A股上市申请书。  证监会官网显示,虎扑(上海)文化传播股份有限公司(以下简称虎扑体育)提交了A股招股书申报稿,文件显示,该
    创业者们 别急着把看似好的想法匆忙落地

    创业者们 别急着把看似好的想法匆忙落地

    摘要:除非我每一个步骤都想得清楚透彻,每一个想法我都能执行到位,否则,我就说不。一直说不,直到每个细节都搞定,确认逻辑可行、实操到位,到时候再孤注一掷、全力以赴。    先说两个例子。  苹果最近刚获
    苏宁全面对标互联网公司:张近东如何直道加速

    苏宁全面对标互联网公司:张近东如何直道加速

    DoNews 2月27日消息(记者 余维维)2月26日,在苏宁2015年度目标责任书签署大会上,苏宁董事长张近东提出了新苏宁、新节奏的工作基调。  关于新苏宁,张近东解读为苏宁已经走过了蹒跚学步、稳健
    最纯洁的SEOer之想:谁动了我的流量?

    最纯洁的SEOer之想:谁动了我的流量?

    现在越来越多的SEO从业者对SEO行业深感绝望,一方面感觉SEO越来越难做,另一方面,看着百度搜素结果中左侧八个推广链接,便很无语!很多人都感觉SEO已死,但是我想要说的是SEO永远不会死,只有对SE
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面