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

作者&投稿:夏肺 (若有异议请与网页底部的电邮联系)
网页制作中的常用字体有哪些?~

windows自带的字体都可以用! 中文字体:宋体,黑体(9pt,10pt,12px,13px,14px) 英文字体:Arial,Arial Black,Times New Roman,Vardana 其它字体如:方正,长城,文鼎等最好做成图片,因为浏览者不一定都装了这些字体!

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

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

英文字体
sans-serif:
1.
helvetica: 被评为设计师最爱的字体,realist风格,简洁现代的线条,非常受到追捧。在mac下面被认为是最佳的网页字体,在windows下由于hinting的原因显示很糟糕。
2.
arial: helvetica的「克隆」,和helvetica非常像,细节上比如r和g有小小差别。如果字号太小,文字太多,看起来会有些累眼。win和mac显示都正常。
3.
lucida
family: lucida
grande是mac
os
ui的标准字体,属于humanist风格,稍微活泼一点。mac下的显示要比win下好。
4.
verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
5.
tahoma: 也是humanist风格,字体和verdana有点像,但是略窄一些,counter略小,曾经是windows的标准字体,mac
10.5之后默认也有安装。
6.
trebuchet
ms: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。
7.
verdana,是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
serif
1.
georgia: 基本上适合正文屏显的衬线字体,非georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算ok。
2.
times: times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经engadget改版的时候用了times作为正文,被骂得很惨之后换成了georgia。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free
font,或者font
freebie吧,出现的名字格式为“x种免费网页设计字体”的博客文章,都进去看一眼,挑一个就好。
trebuchet、georgia、times
new
roman、arial、lucida等字体在26px或更大像素时效果是比较好的,非常适合作为正文的标题。
中文字体
1.
中易宋体:win最常见的字体,小字体点阵,大字体truetype,但是大字体并不好看,所以最好别做标题。
2.
微软雅黑:vista之后新引入的字体,打开cleartype之后显示效果不错,不开cleartype发虚。
3.
华文细黑:mac下的默认中文。
droid
sans和衍生的wenquanyi
microhei:andriod中的中文,也是linux绝大多数发行版本的默认中文,,当然也有用wenquanyi
zenhei的,不过比较少了。

网页设计中最常用的字体有哪些?(中文和英文)?
答:华文细黑:Mac下的默认中文。英文:helveticaarial Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。Arial:Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字...

UI设计师必备技能:常用字体规范
答:网页中会有常用的几个字体,在这我和大家分别介绍一下。 以下是在72像素/英寸下的规范 移动端常规字体 IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好。 Android 英文字体:Roboto 中文字体:Noto 移动端常用的的字号有哪些呢? 导航主标题字号:40-42px 我一般设计就用40px,偏小的40px字号,显得精致些。

哪些免费的字体适合用于网页设计?
答:3. Lato Lato是一款现代化的无衬线字体,使用广泛,适合各种设计领域。该字体通过平衡开放性和经典元素,使得它在文本档案、网页设计和印刷品上都能够得到广泛的应用。设计师可以使用这种字体打造现代化的设计,同时提供清晰,自然和的阅读体验。4. Raleway Raleway是一种巧妙设计的字体,具有优美的曲线和...

常用字体有哪些
答:细仿宋)、黑体(中黑、平黑、细黑、大黑)、楷体(中楷、大楷、特楷)、等线体(中等线、细等线)、圆黑体(中圆、细圆、特圆),这些字体是一些标准的基础字体,虽然普通却很耐看,一般内文都使用这些字体。华文中宋 隶书 黑体 颜体 幼圆 宋体,楷体。这是最常用的。还有黑体,仿宋等等。

用PS设计网页,该用什么字体,大小该是多少
答:一、字体的使用。网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文timesnewRoma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何...

有哪些常见的英文字体?
答:2. Arial: Arial是一种非衬线字体,字母的线条较为粗细均匀,清晰易读。它在各种文档和网页设计中被广泛使用,尤其在计算机界面上常见。3. Calibri: Calibri是一种现代、无衬线的字体,设计简洁,适合用于各种文档、报告和演示文稿。4. Verdana: Verdana是一种宽大的无衬线字体,特点是字母间距较大,...

网页里的英文默认字体是什么?
答:网页设计中,用到的字体很多,主要取决于产品在什么系统上运行,产品是纯英文还是中文英文甚至还有其他国家语言。1、Franklin Gothic:这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力。Web字体可以考虑Oswald。2、FuturaFutura:是拉丁语未来的意思,现代且具有...

有哪些适合在网页中使用的大号中文字体?
答:我比较熟悉英文,一个一个字体说:Sans-serifHelvetica,被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多...

网页中最好使用哪五种标准字体
答:不过为了能使尽量多的不能看到您网页的原设计,一般在选择字体时,尽量选择一些多数人机器上都会有的字体,或者即使没有也可以由默认字体替代的字体,并且不会太影响原设计效果,这样的字体在业内一般被称为安全字体,当然也有叫保守字体的。这一点在英文网页设计上尤为重要,因为中文是方块字,字体对...

网页设计常用字体都有什么?
答:就是宋体,因为你的电脑上面的字体别的电脑上面不一定有,所以尽量避免用一些系统本身没有的字体