企亿推信息网
专注网络推广服务

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

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

  各种字体安装在一般的网站客户端计算机中,浏览器使用默认字体显示网页,如WindowsXP中文版默认字体为宋体或新宋体,后来windows在操作系统中,以微软雅黑为默认字体,显示更清晰,取代XP默认情况下,系统支持高清显示ClearType功能。这些字体安装在大多数计算机上,但是,如果你在制作网页时选择了一个特殊的字体,而这个字体在用户的电脑那么用户在浏览网页时仍然不能显示字体,这些字体仍然显示在默认的宋体或优雅的黑色字体中。因此,为了适合更多的用户浏览,我们在制作网页时应该使用宋体或雅黑作为网页的基准字体,殊字体。当您不能保证所有访问者的计算机都安装了所设置的字体时,使用通用字体是可行的。由于手机的屏幕尺寸和CPU处理能力有限,专门为手机优化的网站更方便用户浏览。这也对网站设计提出了新的要求:网站应该适应手机浏览。对于英文字体,有更多的字体类型可供选择。这些英文字体安装在大多数计算机上。制作网页时选择什么类型并不重要,只要看起来很漂亮。英语通用字体主要包括以下几类:

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

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

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

(图1)

  4、serif,这是一种成比例的衬线字体,这意味着字体中的所有字母都根据它们的不同尺寸占据不同的宽度。衬线是指在字体上添加装饰线,如小写字母,将在项和底部添加细线。常见的字体有TimesNewRoman。

  在制作网页时,为了确保字体能够正确显示在大多数浏览器上,并向用户呈现一个美丽的界面,作者通常选择使用系统的默认字体。手机网站成本低,使用方便是其优势。比如中文宋体或者新宋体,过几天可以选择雅黑作为默认字体,英文则选择Arial这种字体。这样,浏览器就可以正确识别和显示用户系统中的字体不足时的正常文本。同时,作者还建议大多数网站设计师可以选择系统默认字体,而不是在网页文本中使用特殊字体。如果你必须使用这些特殊的字体,作者建议你使用这些特殊的字体制作图片,然后在网页的相应位置显示图片,这更好,但这实际上增加了网页的体积,更多的图片会延迟网页的打开速度。

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

  不同的分辨率,不同的显示尺寸,不同的DPI,即使是不同的浏览器设置也会影响浏览器上显示的文本大小。最好的方法是根据用户的分辨率给用户一个漂亮的默认字体大小。大多数专业的网站建设者习惯性地使用字体大小,如14px或12px,因为12px和14px基本上已经成为大多数网站字体的标准尺寸,而11px、13px、15px大小涉及锯齿问题,特别是在早期显示器中,往往不能很好地处理文本锯齿问题,使用单数像素,很可能导致锯齿,所以通常使用偶数的大小。

  在CSS描述字体大小最常用的单位有两个,即em和px。通常认为em而相对大小的单位px绝对大小单位。但在实际应用中,px像素有时就像一个相对大小的单位。例如,一块15英寸的分辨率是800×在600像素屏幕上,100像素屏幕px比一块10寸分辨率1024的文字大小×768像素屏幕上的10px大小的文字显得更大一些。px20是像素单位px在当前的网页设计中,表示20个像素大小,常被用来表示字体大小,方便直观。比如12px,14px就是用px作为字体大小,16px18是中等字体px大字体,12px小字体。em对于相对大小的单位,表示字体大小不固定,相对大小根据基本字体大小处理。浏览器默认字体大小为16px,若一段文字指定1em,所以代表16px大小,而2em就是32px大小。由于其相对性,跨平台跨设备的字体尺寸处理具有很大的优势,但不能直观地看到尺寸。

  以上是关于如何在网站建设中选择字体和字体大小的介绍。事实上,网站建设是这样的,有时甚至是1px差异可能会影响网站的视觉效果,最终影响网站建设的质量和用户体验。作为一名专业的网站建设者,我们必须掌握和理解更多,并在实践中有效地测试观察效果。只有这样,我们才能制作出更好的网站。

  好了,今天小编就到这里。如果您对网站建设有任何其他问题,请随时致电或留言。英科专业从事网站建设和推广多年,经验丰富。

未经允许不得转载:启新网站SEO优化 » 简单谈谈制作网页时如何选择字体和字体大小
分享到: 更多 (0)
加载中~