网页设计中最常用的字体有哪些

问题一：网站上一般都用的是什么字体？？ 黑体，宋体

英文用Times New Roman

问题二：网页上的字体是什么字体 ps里字体的设置。字号12px 或是14px .右侧锯齿那选择“无”。

问题三：百度网页上现在用的字体是什么字体？ 黑体，宋体

英文用Times New Roman

满意请采纳。

问题四：网站建设之网页字体多大合适 说网页中新闻信息和产品的文字太小了。这里有必要向大家说明一下。

在网页制作中。网页的字体大小是有一定的规格的，由于windows系统中默认的宋体字是一种像素字体，最合适的大小是12px或9pt，再大可以使用14px或者16px，如果再大，那在显示器上就会出现严重的影响视觉的锯齿，这种锯齿在其他操作系统下一般都会做平滑处理，但在目前众多的xp系统中，如果没有开启cleantype的话，都会很难看。

网站讲求的是协调性，网页不是给你一个人看，所以要兼顾其他浏览者的感受的话，字体上最好是使用12-14px大小的常规字体，这也是你上网看到的网页字体都是这么大的缘故。

还有客户会反问，为什么有些网站上的一些地方字体那么大都不影响观看呢？结果他指着广告图片或者是flash上的文字，这种现象，你得先了解什么是Flash,为什么所有网页不用图片来做而要用文字来，这个问题我不想叙述，但我最起码得对你说，用图片你得每加一个文字和改一个文字的时候你得运用一些图片处理工具（如photoshop），这样我们开发的网站后台管理就显得没有意义。还有，如果都使用图片或flash，网页打开速度会受影响，而且你的网站和搜索引擎的关系一点都不友好，和自然排名这些就无缘了。

另外，一般文章标题，中文可使用黑体字18号或者再大一点。

网页设计在网络推广和用户体验中曾带来很多歧义，很多人认为网页的界面设计不重要，不管界面怎样，网络推广做得好，并且有一定的流量，此网站就是成功的网站。也有很多人认为网页设计很重要，一个界面的美观直接影响了网站的权重，于是过分追求界面的美感，却忽略了网站优化的重要性，同时也给用户带来一些不好的印象。下面，我在这里阐述的是网页设计给用户体验带来的影响。

一 、网页速度直接影响用户体验

网页速度直接影响用户体验，而影响网页速度的主要原因有两点：

1 界面设计

很多人为追求美观，把界面设计得很漂亮，于是网页上到处都是图片，甚至连导航都用flash设计的。这样的网站确实美观，但是增加了速度的负荷，而且优化起来也不好优化。

像网易、腾讯等大站，这么庞大的数据系统，打开速度并不慢，在技术方面暂且不说，只看界面，简单但不失美观，相比下自己的网站，不需太累赘的图片也能达到美观的效果，同时还能带来很好的用户体验，在这点上还是需要多多注意的。

二 网站空间服务商

除了界面外，空间服务商也是个很重要的原因。做网站就不能因为要省下几十块钱而去买个不好的空间服务商。红姐的博客刚建立时，购买的空间不好，很多人反映网站打开速度太慢，后来红姐毅然换了空间服务商，同时也把博客换成打开速度较快的主题，这才解决了网页速度这一大问题。

所以这里我要说的是，想要做好网站，就要花多点钱购买一个稳定、带宽好点的空间。

三、颜色是影响网页的重要因素

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

不同的颜色给用户带来不同的情绪，比如红色、橙色给人一种热情、亢奋的感觉，黄色使人联想到阳光，绿色是和平的象征，蓝色是用度最广的颜色，几乎没有人会对蓝色反感。

问题五：网页上显示代码的时候用什么字体比较好 code {

font-family: Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace

}

你源代码是显示给写代码的人看的，他们最常用什么就用什么呗。

或者使用Web Font。

问题六：网页设计中公司网站一般用什么字体什么字号 现在的网站一般都会用14号字了，现在基本都是宽屏所以字号12就有点小了。在PS中 点击左边的T就是打字的偿在上面菜单栏下面有设置字体的默认的是12点。

问题七：官方网站一般使用什么字体及大小比较好呢？ 宋体 12号字

一般的网页 系统 都带而且大小适中 不影响打印

不要用一些偏门的字体 虽然好看 但是未必访客能够接受

问题八：网页设计中最常用的字体有哪些 以前的网站大多都会用12号、14号宋体，或者加粗！现在的网页中，大多采用了扁平化的设计，在字体要求方明需要圆润些，那么就选择了微软雅黑！字号内容文字一般也就是14号，标题就不限制了，有些很大！

问题九：网页中正常用字体是什么，字号是多大？ 常用的是“宋体”，一般都是用12px(像素)的大小

根据企业标志、企业文化来定，没有固定的字体和标准。适合的、美观大方的就是需要的。

网站页面多采用宋体、黑体，现在也越来越多的使用微软雅黑。

可以看看百度、搜狐、网易、淘宝、腾讯每个都用的是不同字体

问题二：一般新闻门户类网站使用的正文及标题字体都有哪些？？ 找个同类的网站打开看一下不就可以了吗，以至憨可以看看人家的html代码中是怎么规定的，“查看”-“源文件”

问题三：网页设计中公司网站一般用什么字体什么字号 内容一般，10号点数或者14像素 宋体

标题一般黑体或者宋体，加粗，10-12点数

问题四：网页设计英文标题用什么字体呀急！ 建议用比较常用的英文字体，例如Arial、Tahoma等。常用字体在大部分人的系统上都有，这样才能保证大家看到的页面效果一致，也就是你当初设计的效果

问题五：网页设计中最常用的字体有哪些 通常内容应用的字体,font-family:宋体,微软雅黑,Arial,Verdana,arial,serif。通常标题应用的字体,font-family:font-family:宋体,微软雅黑,Arial,只是字号的大小不一样。通常的字体大小,font-size:12px或14px。让网页显示微软雅黑效果通常这样写CSS代码font-family:微软雅黑,宋体。

font-family:宋体,微软雅黑,Arial,Verdana,arial,serif

font-family: 微软雅黑, 'Microsoft Yahei', 'Hiragino Sans GB', tahoma, arial, 宋体

font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif

font-family: Segoe UI, Helvetica, Arial, sans-serif

font-family: Arial,Hiragino Sans GB, Microsoft YaHei,Helvetica,tahoma,sans-serif

Sans-serif

Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

Lucida Family: Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Trebuchet MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。

Serif

Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。中文不熟，抛砖引玉：

中易宋体：Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。

华文细黑：Mac下的默认中文。

装电脑时系统自带的字体都可以用，常用的微软雅黑，宋体，黑体，Arial。...>>

问题六：正式文件的标题是用什么字体 标题是 小标宋 字体，望对你有用

标题：2号小标宋字体

正文：3号仿宋憨标注：第一层黑体 第二层楷体 第三次以上宋体

问题七：网站文章一般用什么字体几号好些？ 1、正常的内容文字使用宋体12号即可，无需效果

2、网站名，logo采用最大的字体，黑体，笔迹清晰即可。

3、文章标题采用大于14号比内容略大。

4、版权，底部，次要文字采用10号左右浅色。

问题八：百度页面上用的是什么字体？ 所有页面上的字体，中文是宋体12号，标题是宋体14号，英文是Arial 1胆号都是ie默认字体~~~~~~~~

满意请采纳谢谢・~~~~~~~

问题九：网页设计中最常用的字体有哪些 中文网站一般默认就是宋体跟微软雅黑，因为你的电脑上面的字体别的电脑上面不一定有，而宋体、微软雅黑基本上是 Windows 自带字体，如果考虑到用户体验，所以尽量避免用一些系统本身没有的字体。

英文网站一律是 Verdana。

下面是常用默认字体的呈现及用法：

中易宋体（SimSun，TrueType），又叫简体中文：Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑：Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。

Verdana：是一套无衬线字体，它在小字上有结构清晰端整、阅读辨识容易等高品质表现，成为许多领域爱用的标准字型之一。

华文细黑：Mac下的默认中文。

Droid Sans和衍生的WenQuanYi Microhei：Andriod中的中文，也是Linux绝大多数发行版本的默认中文，，当然也有用WenQuanyi Zenhei的，不过比较少了。

问题十：中文网页用什么字体最合适 html 仅表达 12-16px 的字体，windows 渲染 12-16px 锯齿最小，看起来很整齐的样子。16px 以上锯齿大到没朋友，所以 16px 以上的字通常都用图片表达。有些新闻网站标题会更大一些，比如24像素的我也见过。

一般都是使用宋体。少数网站的标题也有用黑体的。

web 上反对使用「微软雅黑」，字与字之间的间距过小使阅读起来极其困难。部分设计师酷爱微软雅黑，但 web 上渲染出来跟 Photoshop 上的完全没法比。

英文网站大多是11或12号的Arial字体，中文网站大多为12号的宋体。

网页设计常用字号 最好用偶数字号

1、Header导航文字12号或14号；

2、Menu导航文字14—18号；

3、Sidebar文字12号或14号，

4、一级菜单使用14号、二级菜单使用12号或一级菜单使用12号加粗、二级菜单使用12号。

5、Footer文字12号或14号

6、正文：大标题文字24—32号；标题文字16或18号；正文文字12号或14号。

7、标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数。

8、按钮文字：比如登录、注册页面按钮或其他按钮，文字14—16号，可根据实际情况调整大小或加粗。

9、同一层级的字号搭配应该保持一致。比如，同一层级的版块中标题文字和内容文字大小的一致性。

在苹果官网中，产品展示文字以64号和32号搭配，文字内容简短有力，可读性强，同时非常具有视觉冲击力，突出显示了品牌特征。

字体排版规范

一、最佳易读性规范

1.行宽

传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。中文在14号字体时，建议35—45个文字

2.行高

网页设计中，文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距比如12号字体，行间距是12px—18px，段落间距则是18px—24px。另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

3.行对齐

通常情况下，建议在页面上只使用一种文本对齐，尽量避免两端对齐

4.文字留白

在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要根据页面实际情况给页面四周留出余白。

5、CRAP原则（carp）

对比（Contrast）、重复（Repetition）、对齐（Alignment）、亲密性（Proximity）

字体选择

字体：中文：宋体，微软雅黑，方正系列（无状态）

字号：网页中正文／导航字号在12px－18px之间

英文可以偏小一些 10px－16px，再小识别性就不是特别好了，中规中矩，经典通用。

中易宋体

Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑

大段的微软雅黑字体排列略显厚重，如果是在网页上长时间浏览，会让人的眼睛产生不适。相比而言，衬线字体装饰性强，具有易读性，所以宋体更适合知乎网站这种大段文字网站，微软雅黑给人的感受包括平和、干净、简单、平静、专业。

华文细黑

Mac下的默认中文。

英文

Helvetica:

被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的'原因显示很糟糕。

Arial:

Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

Lucida Family:

Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

Verdana:

专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

Tahoma:

也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Verdana：

是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。

Georgia:

基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。

网页banner字体

网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的

第一类，稳定型（协调，齐全，稳定，高质）

微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列

第二类，刚硬，锐利，清晰，强烈

造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、张海山锐线体、华康俪金黑、蒙纳超刚黑体（更适用大气，热烈，权威，声明等主题）

第三类，轻松，手写，可爱，童趣，亲切

方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子（适用于，游戏娱乐活动海报，h5广告页面，儿童／女性主题）

第四类，灵动，清新，秀雅，精致，古韵

方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋（适用于复古，典雅，传统，品质，灵动等主题）

特殊字体或艺术字体的设置。

如果你需要用一种特殊的字体来体现你的风格，那么特殊字体或艺术字体最好以图片的方式置入网页。需要用这种字体的地方用图片代替，以保证所有人看到的页面是同一效果。

都知道，字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。

称线字和非称线字的区别可以看下图：

可以看到左边的中文和英文字属于称线字，右边中文和英文属于非称线字。称线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如我们常用的宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。非称线字也叫无称线字，无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅黑。

称线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，非称线字则比较醒目。所以，在使用的过程中需要根据网站的定位而选择相应的字体。

下面简单给大家介绍网页中常用的几种字体：

1、微软雅黑

Vista之后新引入的字体，这个字体的使用率不用说了，可以说是web里面最安全的一个字体。字体方正、简洁，被广泛使用。

上海大众这个网站默认的首选字体就是微软雅黑，整体比较简洁。

2、黑体

黑体字和微软雅黑差不多，作为非称线字中的一种，一样具备方正、简洁、醒目的特点。这样的字体特别适合当标题。其实黑体在使用上没有微软雅黑来得清晰明亮，一般在微软雅黑和黑体的选择下，个人更倾向微软雅黑。

佳能的官网默认首选的字体就是黑体，字体简洁醒目。

3、华文细黑

华文细黑是Mac下的默认中文，这套字体跟前面的微软雅黑相比较，更显绢细、秀气。笔划细节比微软雅黑处理的多一些，所以整体给人比较精致的感觉。注意一下，华文细黑并不是所有电脑的自带字体，当网站文字用到这个字体的时候，是需要在自己电脑上下载这套字体的。除此，在写css代码的时候，font-family应该设置的选择性多一下，以保证界面打开的最佳效果。

这个字体就不给大家做展示效果了，因为这个不是系统的默认字体，电脑上没有安装这个字体的也看不到网页的原始效果。

4、中易宋体

前面介绍的三款字体都是非称线字，接着要介绍的是称线字体——中易宋体，简称宋体。宋体在我们的日常中使用范围也很广，这是电脑自带的其中一种字体。宋体是为适应印刷术而出现的一种汉字字体。笔划有粗细变化，常用于书籍、杂志、报纸印刷的正文排版，所以在大篇幅文章的设计时，可以采用宋体。这个字体是Windows系统下最常见的字体，小字体点阵，大字体TrueType。大标题显示时字体不是很好看，所以一般不建议用宋体来当标题。

上海汉路律师事务所的网站就是采用了宋体字，这种字体的选择一般出现在一些个性比较强的网站中，传统、专业、公正、官方、权威，宋体就表现了这种特点。

5、 Arial

说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。

可以看下禅道项目管理软件的英文网站，幻灯片采用的字体就是Arial，可以看下这套字体在幻灯片下粗细的组合形态。

6、Tahoma

Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常圆滑的字体。这个字体和中文混排显示时，不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此，细看这套字体，可以发现其实在一些笔划的处理上还是很精致的。

zui前端框架网站，英文字体的设置上也用到了这个字体，虽然不是第一优先选择，但是可以看出Tahoma这套字体的使用率也是很高的。

7、Helvetica

说到Helvetica这套字体，应该是设计师们的最爱了吧。这套字体属于 Realist风格，拥有简洁现代的线条，受到大部分设计师的追捧。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于扁平化设计，也适合搭配任何设计项目，包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体，但在Windows下由于Hinting的原因显示很糟糕。

这个字体主要体现在苹果官网上，可以看下美国的官网。

8、Georgia

说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精致，可用于电影海报、游戏、时尚类网页设计中。

林肯的官网，Georgia是官网的第二优先选择显示的字体。网站比较现代，在一些幻灯片当中结合了Georgia字体，称线字和非称线字的相结合，可以使得整个网站更生动。

在专业的网页设计里，除了Banner图、广告语等特殊情况可能会用到特殊字体，网页中使用的字体以不超过2种为准，并且最好采用标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有使用这些系统自带的字体，才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体，在设计font-family的时候，应该多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一般情况下建议使用系统自带的字体。

以上8种网站中常用的字体介绍和示例，希望可以对大家有所帮助。