当前位置:首页 > 问答聚合 > 正文内容

网站设计用什么字体好(网页设计一般用什么字体字号)

zhuangbi888.com2022-05-14 17:20问答聚合135

本篇文章给大家谈谈网站设计用什么字体好,以及网页设计一般用什么字体字号对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文导读目录:

网页上常见的字体是什么字体

字体在网站中扮演了相对重要的一个角色,所以在网站中,选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的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种网站中常用的字体介绍和示例,希望可以对大家有所帮助。

设计网页字体有什么要求?

一、字体的使用。 网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。 windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。[网页设计要求-2page]

二、字体的大小设置。 网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。 CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加( )或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符: em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。 ex(x-高度):CSS2规范将它描述为小写字母x的高度。 px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。

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

制作网页用什么字体好?

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

目前做互联网产品的网页设计,用哪些字体最好

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

英文网站一律是 Verdana。

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

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

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

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

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

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

网站设计中最常用的字体设计方法是什么

在企业网站设计中,字体设计多种多样,我们面对如此多的设计手中和设计元素,往往不知道怎样去取舍。本文我们将从最常见的设计手法和设计元素入手,为大家提高几种最常用的关于字体设计的方法。

如何提升中小企业网站建设质量树立品牌形象

1、结合广告要表达的情感,要渲染的氛围进行个性的字体设计,可以与图形结合,如内衣少女电影海报就是用内衣的带子搭起了整个字体。

2、把尾巴翘起来,但要保持整个字体组合的平衡和韵律,如房地产、超市促销广告等

3、字体笔画公用设施建设,让字体利用公用的笔画形成整体感。

4、在字体上进行局部纹身手术,如“天下无贼”电影海报的字体。

5、随意的手写,歪斜字体,如QQ秀里的字体,让人感到可爱,轻松,愉悦。

6、书法笔触的字体,平时可以在宣纸上用枯笔做几个笔触扫描进电脑,备用。

7、字体大小节奏与韵律组合与精细小零件的配合,主要规律是让字体成为音符,让看到的人好象听到一样。有空的话去研究下,设计与创作音乐的关系。

8、非理性的乱字,丑要丑到极点,库要酷到极点,但前提是字体的识别性。

9、小圈子字体设计,这类字体是针对一个族群,如乐队,他们内部人明白就好,哪怕那字体像妖怪,大众不能识别,但只要是那小圈子里的人能识别那就够了。如道士的弗,乐队海报中妖艳的情感字体。

10、正统字体设计,多用于CI,通常是针对笔画统一改变字体,如都把横笔画变粗,如都把竖笔画的头部削尖,如都把点笔画改成圆形或心形。原则是要统一,改变部位不要超过两种类型。

末了,小编还是想提醒各位企业网站设计师。作为一个合格的网站设计师,你必须具备很强的创造思维还有抽象思维,只有将这做好了,你才能够将一个企业网站设计好,才能在最短时间内用你的网站头部设计去吸引到广大的用户。

网站设计用什么字体好的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网页设计一般用什么字体字号、网站设计用什么字体好的信息别忘了在本站进行查找喔。

相关文章

查icp备案是什么网站(怎么查icp备案)

查icp备案是什么网站(怎么查icp备案)

本篇文章给大家谈谈查icp备案是什么网站,以及怎么查icp备案对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、怎么查icp备案?查询ipc备案的网站是哪个?? 2、怎么...

网站css架构(网站设计css)

网站css架构(网站设计css)

本篇文章给大家谈谈网站css架构,以及网站设计css对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、如何搭建系统CSS架构 2、css架构都具有哪些特点? 3、CS...

jsp网站建设美食(关于美食的网页设计制作)

jsp网站建设美食(关于美食的网页设计制作)

今天给各位分享jsp网站建设美食的知识,其中也会对关于美食的网页设计制作进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文导读目录: 1、有谁用eclipse做过jsp美食网站...

三千元电脑配置主机(三千元的主机配置)

三千元电脑配置主机(三千元的主机配置)

本篇文章给大家谈谈三千元电脑配置主机,以及三千元的主机配置对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、3000元买什么主 2、3000元电脑主机怎么样 3、30...

35域名备案(域名备案费用是多少)

35域名备案(域名备案费用是多少)

本篇文章给大家谈谈35域名备案,以及域名备案费用是多少对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、域名备案流程详细 2、域名备案问题 3、域名怎么备案 4、...

19年想配个5000的电脑配置(5000元以内的电脑配置 2020年)

19年想配个5000的电脑配置(5000元以内的电脑配置 2020年)

本篇文章给大家谈谈19年想配个5000的电脑配置,以及5000元以内的电脑配置 2020年对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、2019 求写个5000左右电脑配...

从seo角度做网站流量(网站seo运用)

从seo角度做网站流量(网站seo运用)

本篇文章给大家谈谈从seo角度做网站流量,以及网站seo运用对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录列表: 1、seo网站流量分析如何做 2、SEO如何给新网站拉流量?...

网站空间是虚拟主机吗(建网站用服务器还是虚拟主机)

网站空间是虚拟主机吗(建网站用服务器还是虚拟主机)

本篇文章给大家谈谈网站空间是虚拟主机吗,以及建网站用服务器还是虚拟主机对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文导读目录: 1、虚拟主机和网页空间有什么区别啊?谢谢! 2、买网站...