「网页设计字体用什么字体大小」网页设计设置字体大小

网页设计字体用什么字体大小,网页设计设置字体大小

内容导航：

网站建设字体怎么选择

制作网页，一般字体设置为多大，行距为多少。

网页字体大小怎么设置

网页设计中，font如何精确字体大小

一、网站建设字体怎么选择

字体也是网站制作中的一个问题。我相信很多企业会反复考虑和调试字体不和谐的问题，浪费大量的时间和精力。因此，为了帮助企业解决这个问题，我们整理了一些网站字体制作的重要注意事项。

首先，字体不要太多，一般为1-2，否则很容易导致页面混乱。如果企业网站有明确的标准化品牌词，你只能用这个品牌词贯穿全站。如有必要，只需通过适当的放大或加粗来突出显示关键副本。太多会显得不专业。

其次，字体大小应该合适。通常，网站横幅主标题的字体大小约为28-32px。如果它稍微小一点，它也会有精致感。文本标题和副标题的字体大小可以是18px和22px，并且文本需要是用户习惯的10.5-12px。

第三，使用字体的方法有很多。最常使用的是微软雅黑。无论是放大还是缩小，它看起来都非常规则和舒适。企业可以更多地使用它。此外，中黑色系列字体锐利厚重，适合用作标题字体，而画笔字体则适合古典风格和时间感的网站。最好用作横幅图的文本字体。

第四，常用的字体颜色是黑色、白色和灰色。不建议企业选择太鲜艳、太丰富的文字颜色，这样只会让人眼花缭乱，大大降低用户的阅读体验。如有必要，可以在网页的大图中使用其他颜色，但它们必须与网站的风格和整体色调相匹配。

关于网站制作字体的注意事项，我们这里主要讲一下。如果企业想了解更多，他们可以自己继续学习和实践。本文由妥妥网站建设原创，点赞关注，带你一起长知识！

了解更多

二、制作网页，一般字体设置为多大，行距为多少。

字体大小可以用不同的方式计算，如点或像素，由于基于像素的打印需要转换为磅，因此建议使用磅。1、网页文本显示最合适的字体大小约为12个磅。现在许多综合性网站通常使用9磅字体大小，因为页面中有许多内容需要排列，大字体可用于标题或其他需要强调的地方，小字体可用于页脚和辅助信息。需要注意的是，小尺寸容易产生整体感和精致感，但可读性差。2、行距的变化也会对文本的可读性产生很大的影响。行距设置接近字体大小的权重更适合文本。行距的固定比例为10：12，即文字10磅，行距12磅。这主要是出于以下考虑：适当的行距会形成明显的水平白带引导观众的视线，过宽的行距会使一行文字失去良好的连续性。扩展资料：网页制作流程1、引策划网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。2、前台网站页面的设计制作，包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。3、后台程序设计、数据操作、功能实现、管理界面和管理功能设计等，侧重界面设计的，应在图形设计和视觉创意上多下功夫，做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。参考资料来源：百度百科-
网页制作

三、网页字体大小怎么设置

请问哪位高手知道这网页的字体大小要怎么设置。
我试过在看里面的文字大小里面调过，百度页面里是调过来了，可是其他的就没用。
拜托各位帮忙支下招。
谢谢！

按住ctrl +鼠标中轮转动 就可以调整

点击工具栏上的查看、然后在里面调整字体大小就行了不知道你用的什么浏览器，但一般的浏览器都支持字体大小改变的，在菜单栏里找到查看，然后选择文字大小即可在Internet
Explorer上改变文字大小的话，从菜单的”查看”选项中选择”文字大小”，再选定”大”等各种尺寸。

但如果网页已经将文字大小固定下来时，这种方法就不好用了。
此时要想改变文字大小，就得打开Internet Explorer的”工具”选项，选择”Internet选项”。
在显示面面的”常规”页标中，点击”辅助功能”。
在展开菜单中选择”不使用网页中指定的字体大小”并点击”确定”。
然后再对上一层菜单也点击”确定”。
这样在Internet Explorer菜单”查看”选项中的”文字大小”处就可以改变文字的大小了。

但如果设定为”不使用网页中指定的字体大小”的话，网页画面可能会显示不充分。
因此一般情况下最好是取消以上选定，只在必要的时候再进行选定以便改变文字的大小＜font size=”3″＞字体大小是三＜/font＞工具 选项 下面 字体

四、网页设计中，font如何精确字体大小

word中的pt（磅）和网页中的px（像素）之间的区别

px:pixel 像素，印刷屏幕上显示的最小单位。

pt:point 点，印刷业的标准长度单位。1pt=72分之一英寸。

好下面开始讲解字体大小。

——————————————————————————

但这种说法其实还是有问题，先来看看下面的例子：

从上面的字体中我们能看出72px要比72pt小一些，但96px正好和72pt一样大小 。

让我们来调整电脑的设置：在桌面上右键 > 属性 > settings > Advanced > General > DPI setting > 96
DPI。

试着改变设置，设为72DPI，重启，再打开浏览器看：72px已经等同于72pt了。为什么？

还是再做个实验：分别用800×600和1024×768看刚才的例子，明显高分辨率下，文字就变小。而且，关键的是，无论用px还是pt，都会变小。pt并没有如有些人所说，是“绝对”的，“固定”的。

但如果用打印机把这页面打印出来，就可以看到：无论屏幕用什么分辨率，打印出来大小都是一样的（这是当然的）。

首先要分清“屏幕效果”和“打印效果”这两个概念：

在浏览网页过程中，所有的“大”“小”概念，都是基于“屏幕”这个“界面”上。“屏幕”上的各种信息，包括文字、图片、表格等等，都会随屏幕的分辨率变

化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果在定义

字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏

览。

那是不是用pt做单位就没这样的问题呢？错！问题同样出现。刚才的例子已经很清楚的说明，在不同分辨率下，无论是px还是pt，都会改变

大小

。以现在的电脑屏幕情况，还没有一种单位可以保证，在不同分辨率下，一个文字大小可以“固定不变”。因为这很难以实现也不是很有必要：全球电脑用户以亿来

数，屏幕从14寸到40寸甚至更高都有，屏幕大小不同，分辨率也不同，要保证一个字体在所有用户面前大小一样，实在是MISSION

IMPOSSIBLE。另外，电脑有其自身的调节性，用户可以自己来调节：1）在浏览器中调节字体大小；2）在刚才提到的显示属性里调节。

那在页面设计中到底是用px还是pt呢？

我认为，这个并没有什么原则性差异，就看自己处于什么角度思考了。

Mac机怎么情况不清楚，在Windows里，默认的显示设置中，把文字定义为96DPI（PPI，微软都将DPI和PPI混为一体，我们也就无须较真

了）。这样的定义，说明了：1px＝1/96英寸。联系pt的概念，1pt＝1/72英寸，可以得出，在这样的设置中，1px＝0.75pt，常见的宋体

9pt＝12px。在显示器分辨率不变的基础上（比如现在常用的1024×768），1px大小也就固定不变，改变显示设置，调整为144DPI，可以得

出，1px＝0.5pt，常见的宋体9pt＝18px。原先用12px来组成的一个文字，现在需要18px来组成，px多了，文字就“大”了，更易阅读

了。

所以，px和pt的使用区别，只有当用户改变默认的96DPI下才会产生：使用px定义文字，无论用户怎么设置，都不会改变大小；使用pt定义文字，当用户设置超过96DPI的值，数值越大，字体就越大。

（附公式：px = pt * DPI / 72)

对了，刚才还提到改变浏览器中文字大小的选项，也可以改变网页的文字大小。但在这种情况下，使用px和pt都是无效的，因为这2个都是有实际

“pixel”数值的单位，比如9pt是12px，大小固定。这里要引用新的单位：em，其实就是％。因为当网页中的字体没有给出实际的px或pt定义的

话，会有一个默认值：12pt即16px，对应浏览器中“字体大小”中的“中等”，以这个为标准，变大或缩小。（只适用于IE，在FF中，即便定义px或

pt也都可以变大变小）

所以，从这个概念上看，em才是真正的“相对单位”（百分比嘛，当然是相对），而px和pt都是绝对单位（都有固定值）。

在网页设计中，面向用户的屏幕的基本单位是px，因此使用px作为单位是最简单也最容易理解的，而pt也不过是通过了Windows的设置乘上了一个比

率转变成px再显示，算是绕了个圈子。参考大部分大型网站，包括Adobe和Microsoft，都是使用px作为单位，而且在html中，默认的单位就

是px，是不是也暗示着px是网页设计的“内定单位”？

但的word或中，使用pt就相当方便。因为使用Word和Photoshop的主要

目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比如Word中普通的文档都用“宋体

9pt”，标题用“黑体

16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。又或者在Photoshop中，设置一个图片中的某个艺术效果的字体是72pt大小，然后分

别将这张图片设为300DPI和72DPI，再打印出来，就可以看出，这2个字体大小完全一样，只是“清晰度”不同，300DPI更清晰。这是毫无疑问的

结果。

最后整理一下所有出现过的单位：

px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；

pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；

em：即％，在css中，1em＝100％，是一个比率，结合CSS继承关系使用，具有灵活性。

PPI（DPI）：pixel（dot）per inch，每英寸的像素（点）数，是一个率，表示了“清晰度”，“精度” 。

————————————————————————–

总之，做网页的话建议最好用px,12px=9pt，相当于汉语中的小五字体；14px=11pt,相当于五号字体；16px=12pt,相当于小四字体；18px=14pt，相当于四号字体。

—————————————————————————–

具体的换算公式：1px=96分之一英寸，等于0.75pt.根据这个公司自己换算，想要什么字体基本上就知道了！可以慢慢推算出来。