网页上常见的字体是什么字体 网页设计中最常用的字体有哪些

作者&投稿:张服 (若有异议请与网页底部的电邮联系)
字体在网站中扮演了相对重要的一个角色,所以在网站中,选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。

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

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

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

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

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

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种网站中常用的字体介绍和示例,希望可以对大家有所帮助。

这真的是宋体(英文是SimSun)哦。。只是很小(14px)并且没加抗混叠(浏览器不会加的)而已。一个像素一个像素地比较的话:



宋体 ,选择文字工具 之后就有很多字体可供选择,一般默认都是宋体



宋体吧。或者你直接把这个字体复制,然后粘贴到word文档中,就可以看到这是什么字体了

(望楼主采纳哦)

都什么回答,看清楚别人问什么,还自以为是的什么怎么改字体,别人都问了默认字体是什么,肯定是已经知道了怎么改字体。
不管什么浏览器,只要是windows的操作系统,默认字体都是“微软雅黑”。

网页里的英文默认字体是什么?~

网页设计中,用到的字体很多,主要取决于产品在什么系统上运行,产品是纯英文还是中文英文甚至还有其他国家语言。
1、Franklin Gothic:这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力。Web字体可以考虑Oswald。
2、FuturaFutura:是拉丁语未来的意思,现代且具有几何特征,感觉是现在的主流大热字体,尤其是要突出时尚,设计感的时候可以使用。制作过程中受到包豪斯运动的影响。是LV的商标用字,也是现在很多杂志的*选字体。
3、Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常
4、Verdana:专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,更好别做标题。
5、Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。
6、Trebuchet MS:为微软设计的一个humanist风格字体。

扩展资料:

对于没有 CSS 定义bai font-family 的网站,不同的浏览器、du操作系统zhi使用的默dao认字体不同。无衬线的 Helvetica、Arial、Verdana,和衬线的 Georgia、Times 是比较常见的。
通常英文 Web 字体来自微软的 Web Core Fonts,
其中包含 Andale Mono, Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS 和 Verdana。
这些字体在几乎所有 1996 年后的操作系统中都免费捆绑。至于中文的选择就非常少了,基本上是自带 Windows 字体(宋体、微软雅黑、微软正黑),或者不特别定义中文字体,直接使用浏览器 fallback。
不过现在的趋势是,越来越多的网站开始使用 Web Font,给设计师更多空间,可以绕过这些 Core Fonts。

通常内容应用的字体,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。

A4纸正文一般用什么字体才显得合适美观?
答:1、标题、正文等内容,都有规范的字体和字号设置,下面来说说,标题的设置,规范的标题设置为二号方正小标,副标题为三号楷体字。2、正文内容,用三号仿宋字体,详细一点应该是仿宋GB2312字体,当然里面的部分有特别要求,这里后面再叙述。假如正文中有表格,那另作要求。3、正文中第一层次表述用序号“...

英语论文中的常用字体是什么?
答:英语论文中所有英文的字体均采用“Times New Roman”。1、英文题目、摘要、关键词自成一页(1页即可),放在中文摘要页之后。2、英文字体与行间距: 统一使用“西文字体”中的“Times New Roman”,1.5倍行间距。3、英文题目: 使用三号字加粗。4、英文摘要: “Absract”顶格,使用四号字,并加粗...

中国汉字字体分为哪几种?
答:楷书也叫正楷、真书、正书。由隶书逐渐演变而来,更趋简化,横平竖直。《辞海》解释说它“形体方正,笔画平直,可作楷模”。这种汉字字体端正,就是现代通行的汉字手写正体字。5、隶书。根据出土简牍,隶书始创于秦朝,传说程邈作隶,汉隶在东汉时期达到顶峰,上承篆书传统,下开魏晋、南北朝,对后世书法...

哪吒海报的字体是什么字?海报中常用的字体是什么?
答:还想了解更多设计的知识,赶紧来达内加入我们吧~哪吒之魔童降世海报用的字体是什么字体这是一款logo的设计字体,并非是“一款字体”,原文链接:哪吒设计字体,点个赞哦,谢谢 海报中常用的字体是什么?标题可用:兰亭粗黑简体、方正正大简体、经典粗仿黑,还有多种书法字体。正文可用:兰亭黑简体、时尚中黑...

画册内页一般用什么字体
答:2、使用常用厂商的字体。如果使用一些不太常用厂商的字体制作的文件,在输出中心或合作伙伴处就可能会出现字体缺失,会增加出现错误的几率。如果一定要使用,务必将文字转为曲线并备份一份没有转曲的元件。常用在印刷、出版业的字体厂商有方正、汉仪、文鼎、汉鼎、长城等,建议大家使用方正和汉仪的字体。3...

正文一般用什么字体?
答:问题三:正文用什么字体 一般都是宋体五号字 或者是数字的12 问题四:WORD文档一般用什么字体 一般的文字材料,题目用黑体加粗的三号字,正文用宋体四号字。问题五:编辑方案一般用什么字体? 一般用宋体字体,不准加粗,不准加色;标激三号字,其他四号;行距固定值22磅;页边距(上2.5厘米,...

网站标题用什么字体?
答:问题三:网页设计中公司网站一般用什么字体什么字号 内容一般,10号点数或者14像素 宋体 标题一般黑体或者宋体,加粗,10-12点数 问题四:网页设计英文标题用什么字体呀急! 建议用比较常用的英文字体,例如Arial、Tahoma等。常用字体在大部分人的系统上都有,这样才能保证大家看到的页面效果一致,也就是...

电商海报上常见的横平竖直的字是什么字体?
答:蝴蝶造型剪纸扣下来,需注意哦,像气球的线,这个不需要抠出来的,后面自己用钢笔画出来的 再调整一下放到画面上的展示位置,不够的地方需要自己截取部分图片补上,再加一下动感模糊,高斯模糊。7.文字排版选择好看常用的字体,注意文字之间的间隙,行距间的间距,色彩搭配这些等等。这个这里不再详解。

适合海报的书法字体-海报中常用的字体是什么?
答:常用字体无非就是宋体黑体华为字体方华字体幼圆字体彩云字体等等但是如果电脑制作的话建议去网上下一些字体,无法确认用什么字体得时候多试试就可以了! 问题五:老中国海报是用什么字体的楷书为主吧,还有仿宋的这里字体比较多第一次看到这样的海报,我就看出个楷体那分明就是用楷书开题,白底红体字这幅海报有好几种字体...

公文常用字体有哪些
答:我也去答题访问个人页 展开全部 公文格式及字体、字号要求 公文格式及字体、字号要求 党的机关公文由版头、份号、密级、紧急程度、发文字号、签发人、标题、主送机关、正文、附件、发文机关署名、成文日期、印章、印发传达范围、主题词、抄送机关、印制版记组成。 (一) 版头 全称或规范化简称加“文件”二字或...