网页设计如何改变字体大小

网页设计如何改变字体大小

网页设计如何改变字体大小?以下就是网页设计如何改变字体大小等等的介绍，希望为您带来帮助。

第一步，打开Dreamweaver，然后找到要修改的文字，如图，我就随便的写了几个字来作说明。

第二步，我们来到Dreamweaver软件的“设计”界面，如图所示，选择“设计”界面。

第三步，来到“设计”界面之后，我们来到界面最下边的操作栏，如图，选择其中的“页面属性”。

用鼠标点击“页面属性”，就会弹出这样一个修改字体的小窗口，如图，选择“大小”的框。

鼠标点击“大小”，就会弹出一个下拉菜单，如图所示，可以选择自己想要的字体大小。

各位同学选择好自己要的字体大小之后，就可以点击旁边的确定进行修改了。

如图，这个就是小编进行字体大小操作之后的文字截图，字体大小已经被修改了。

网页设计中字体和字体大小的选择

一般字体的使用常为宋体。不要使用交生的字体，防止用户因没有安装对应字体样式造成显示错误。此外windows系统也自带了40多种英文字体样式和5种中文字体样式。这些字体的样 式，你也可以在网页设计排版时自由使用和设置不同的字体样式。所以凡是使用了windows操作系统的浏览器都可以正确的显示这些字体，但是在其它操作系统里也有显示不正常的，例如unix就是不能全正确的显示来。

所以不同操作系统都有不同的字体系统，但既然是字体，总有一些比较经典特殊常用的字体共同存在于各个系统中。例如无衬线的 Arial 字体，它产生和使用的时间比较早，同时在价格这块交低廉，所以从早期就被 windows 操作系统使用，在其他的操作系统中，也会有较好的不同于默认字体的显示效果，需要使用的用户可以自行安装。

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

在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大小。相对大小单位有很广泛的用途，由于它的相对性，对跨平台跨设备的字体大小处理上很有优势，只是无法直观的看到大小。

网页设计字体大小

1.阅读更容易

可读性是一件大事。你为什么设计一个用户难以阅读的网站?

第一点是在Web上放弃对正文字体的纯数值度量。无论你的字体是12pt还是16pt或22pt，如果无法读取，这些都不重要了。(字体大小不是通用的，随着字体的不同而不同。)正文应该与屏幕上的其他内容相称，便于用户可以从远处看到。

一段时间的标准是，单列中的每行45到60个字符(包括标点符号和空格)是大多数读者的理想长度。因此，你需要考虑最常见浏览器的尺寸、所使用的列的宽度以及适合该范围的文字大小。记得调整相应的断点。

对于较小的屏幕，范围更紧密，大多数人都认为较大的字体更好。(行数范围的一半。)

诀窍是创建一个适合阅读的刻度。你要处理的文字尺寸越多，这就越重要。在逐行阅读时，太宽的字体让人难以集中精力; 太拥挤导致阅读时眼睛移动太快，没有一个很好的节奏。

2.使设计更直观

字体的大小有助于网站设计的整体可用性。

如果所有字体按比例缩放，大字体可以帮助其他用户界面元素(如导航链接或按钮文本)尺寸的调整。它有助于整体流程。

大字体还可以帮助你更好地决定内容以及有选择性的进行编辑，这对用户来说是一件好事。这种精简有助于将最重要的元素呈现在设计之上。请记住，用户的关注时间很短， 那么他们需要了解的设计和如何与之交互的一切都必须一目了然。

设计中的一切都将受益于重新思考字体尺寸，因为它们共同拼成最终的产品。所有编辑和重新思考如何放置的部分可以提高可用性，因为你花时间来评估设计中的各个元素，而不是像往常那样按照相同的方式摆放所有的东西。

3.减少疲劳

用户疲劳是一个真实存在的问题。大多数人整天都在看屏幕，浏览手机、玩游戏、平板电脑、在电脑上工作或看电视。他们的眼睛已经很疲劳了。

大一些的字体可以帮助减少一些看屏幕的疲劳。

屏幕疲劳的另一个常见来源是移动设备，用户必须通过屏幕获取元素。大手机正在减少拇指容易触及的区域，但较大的元素和字体可以帮助解决这个难题。

变大字体和其他用户界面元素是很重要的一个原因是，因为它有助于调整视觉显示与物理显示相匹配，从而为用户提供更多的舒适感。

4.增加视觉冲击力

你希望你的网站设计可以让用户产生强烈的第一印象。较大的字体比较小的字体更具有强烈的视觉效果和冲击力。大字体更容易被阅读。

这些策略都有助于持续地吸引用户的注意力。

使用大一些的字体的意外后果是设计中的其他元素都可能变大。大字体有助于你在设计中创造更多的空间。更多的空间通常会创造出更舒适的用户体验，也增加了对比的元素，有助于将吸引用户到设计的部分。

大一些的字体和增加的间距是大多数用户不会看到或谈论的元素，但他们会意识到。这种体验是很容易实现的，希望可以让网站数据像网站驻留时间和访问者数量一样上升。

怎么改网页字体大小

首先是IE浏览器，IE浏览器可以设置网页字体大小。

打开IE浏览器后，看到左上角菜单里的“查看”选项，点击后会有一个“字体大小”的选项，鼠标经过后可以看到右侧会有字体大小的几个选项，默认都是“中”大小，选择其他选项就是其他字体的大小：

然后看IE浏览器网页大小的设置。

同样刚才的查看菜单，可以看到有一个“缩放”选项，鼠标经过后可以看到右侧一些百分比选项：

然后，这里再提一个浏览器通用的功能：改变网页大小的快捷键——“Ctrl”+”+/-“;或者是“Ctrl”+”鼠标中间的滑轮“：

再看火狐浏览器，火狐浏览器也可以设置网页字体大小，但不能直接设置。

当要改变网页字体大小时，首先需要依次点击火狐浏览器左上角菜单里的“查看”、“缩放”，再选择“仅文本缩放”：

这样再选择放大或缩小，都是网页字体的变化了，而网页大小并不会变化，同时上面提到的快捷键方式一样适用。如果需要网页变大小，就需要刚才步骤去掉勾选“仅文本缩放”。如果改的太大或太小不知道什么比例才合适了，就可以点击查看缩放里的“重置”：

再看搜狗浏览器，搜狗浏览器同样可以设置网页字体大小。

以搜狗四点几的版本为例，看到“菜单”里的“文字大小”，就可以选择字体的大小了：

如果是网页大小，除了上面说到的快捷键，还可以在查看菜单里的“缩放”，找到合适的比例：

百度浏览器我没有找到有改变字体的功能，但改变网页大小的设置一样有(除快捷键)。

点击百度浏览器里右侧“菜单”，然后就可以看到有个“缩放”了，自己调整即可：

360浏览器一样有网页大小设置无字体大小设置。

在菜单里“查看”，再看有个“网页缩放”里有自由选择项：

Chrome浏览器与百度浏览器差不多，同样在右边菜单打开后有“缩放”功能。

最后说一下网页大小与网页字体大小变化后的区别。

网页字体变大或变小后，并不会给整个网页的大框架发生改变，只是会在某的字体框架里变化，如：

而改变网页大小的话，是把网页整体改变大小，如变大了会撑出整个屏幕，需要移动滚动条才可以看到全部网页内容