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

作者&投稿:督骨 (若有异议请与网页底部的电邮联系)
网页设计中最常用的字体有哪些~

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

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

英文网站一律是 Verdana。
下面是常用默认字体的呈现及用法:
中易宋体(SimSun,TrueType),又叫简体中文:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。
微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。

Verdana:是一套无衬线字体,它在小字上有结构清晰端整、阅读辨识容易等高品质表现,成为许多领域爱用的标准字型之一。
华文细黑:Mac下的默认中文。
Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。

1、Georgia字体

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


2、Times字体

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


3、Arial字体

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


4、Lucida Family字体

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


5、Verdana字体

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


6、Tahoma字体

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



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下的默认中文。
Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。

英文字体

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的,不过比较少了。



微软雅黑、宋体,这是网页设计中最为常见的字体,而且也是不二的选择,因为大多数人的电脑都有这两种字体,若是选择奇奇怪怪的字体,很有可能别人电脑上没有而无法显示。

这个数量太多了,给你一个字体授权平台,直接去选吧,提供免费下载使用

https://www.17font.com/fontlis



网页用什么字体和大小网页用什么字体和大小有关
答:3.PHOTOSHOP,是平面设计师常用的工具。网页设计其实是平面设计的一种,但它不同于平面设计,因为它必须符合网页制作的一些规范。4.DREAMWEAVER这种专业的网页制作工具,用PHOTOSHOP设计一个网页平面,只是一个平面图,在网上浏览的网页都是用html网页格式语言进行格式化和排版的,所以专业的网页设计师要掌握网...

网页的字体用什么好网页的字体用什么好看
答:网页设计中最常用的字体有哪些? Sans-serif Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。 Arial:Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼...

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

网页设计中最常用的字体有哪些?(中文和英文)
答:Windows系统中,中易宋体是最常见的字体,小字体点阵,大字体TrueType,但大字体效果并不理想,不适合作标题。微软雅黑则在Vista之后崭露头角,开启Cleartype后显示效果良好,关闭则可能出现虚化。Mac的默认中文字体是华文细黑。而在Android和Linux中,Droid Sans及其衍生的WenQuanYi Microhei成为首选,尤其是...

网页设计中最常用的字体有哪些?(中文和英文)?
答:常用默认字体主要有:中文:宋体,微软雅黑,华文黑体黑体(无状态)宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。华文细黑:Mac下的默认中文。英文:helveticaarial Helv...

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

哪些免费的字体适合用于网页设计?
答:1. Open Sans Open Sans是Google的一种免费字体,适用于Web和印刷设计。这款字体拥有多种字重和风格,旨在提供准确,简单和易于阅读的体验。对于信息流量较大的设计领域来说,这是一个理想的选择。2. Montserrat Montserrat是一种现代化和中性的字体。这种字体设计独特,使用也相对广泛,容易与其他字体...

有哪些常见的英文字体?
答:1. 宋体(Times New Roman): Times New Roman是一种经典的衬线字体,特点是字母的笔画较细,易于阅读。它通常用于正式文件、学术论文和书籍中。2. Arial: Arial是一种非衬线字体,字母的线条较为粗细均匀,清晰易读。它在各种文档和网页设计中被广泛使用,尤其在计算机界面上常见。3. Calibri: ...

【转】网页设计中的字体相关
答:字体:中文:宋体,微软雅黑,方正系列(无状态)字号:网页中正文/导航字号在12px-18px之间 英文可以偏小一些 10px-16px 再小识别性就不是特别好了 中规中矩,经典通用 中易宋体 Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。微软雅黑 大段的微软雅黑...

字体有哪些种类
答:2. 无衬线字体:无衬线字体的笔画末端没有装饰性细节,如Arial、Helvetica或Calibri。这种字体简洁明快,现代感强,常用于数字媒体和网页设计,因为它们在屏幕显示时具有更好的一致性。3. 手写体/草书字体:模仿手写字迹的字体,如Script或Calligraphy,给人一种个性化和亲切感,常用于邀请函、贺卡或需要...