分享几个超实用的字体网站,承包你一生的字体资源

大家都知道现在很多图片都是有版权的,用错一张图可是要赔不少的软妹币的,但是大家知道吗,现在很多字体也是有版权的,要是一不小心用错的话,要赔的钱也是不少的。

别担心,今天小编将分享几个非常实用的字体网站给大家,保证大家能用上好看又免费的好字体~

一、字由

这是一个拥有非常多字体的网站,在里面我们可以看到非常多好看的字体。最重要的是在网站中有一个专门的免费字体分类,我们就可以在里面找到自己喜欢的无版权、好看的字体了。

二、求字体

很多时候我们会在网上或者其他地方看到一些非常好看的字体但又不知道那是什么字,这时候我们就可以利用这个网站帮我们找到字体,我们可以上传字体图片或者输入字体名称,网站就会帮我们识别中文、英文、日语等等多种字体,很是方便。

三、字体家

这是一个比较以书法字体为主的字体资源网站,在里面有非常多风格多样的字体供我们选择,不管是中文书法字体还是英文字体,收费字体还是免费字体我们都可以在里面轻松找到自己喜欢的,非常不错。

四、站长字体

相信大家对于这个网站应该不会太陌生,很多小伙伴否会到站长素材网站中找素材,那字体素材自然也是可以在这个网站中寻找。里面的字体资源非常的多,很多很好看的字体在里面都可以找到。

五、Fontsup

这是一个非常强大的字体网站,在里面包含了超过10万的免费字体,而且每天还在不断的增加,在网站中的字体都是适用于各种电脑系统,很是不错哟~

好啦,以上就是小编分享的几个非常不错的字体资源网站啦,大家要是有需要的话也可以去看看,还是非常不错的呢~

网页设计中常用的8款字体

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

注意:部分字体使用过程中涉及商业版权,请慎重选择。

相关问答

网页字体大小怎么调?

有时候我们想对网页的字体进行相应的设置,或者说设置字体的大小,怎么调节。希望我的方法对大家有帮助。1、打开手机,找到浏览器并点击,如下图所示,2、打开...

显示字体的问题-如何把网页上的繁体字转换成简体中文?

1、打开谷歌浏览器,都是繁体字。2、点击右上角的三点图标,然后点击进入设置。3、在设置中,点击底部的高级。4、进入高级后,找到语言,然后打开点击添加语...

如何设置电脑网页字体的大小设置-ZOL问答

.按住Ctrl和Alt键不放,滚动鼠标的“滚动轮”,此时可任意改变网页字体大小。单击浏览器右下方页面大小调节区域的“+、-”符号,需要字体变大则按“+”否则按...

电脑浏览器字体设置方法?

四、然后在“常规”里找到“字体”选项,点击进入。;五、在“字符集”项下拉菜单找到各种字体。;五、然后选择想要的网页字体,“确定”保存设置,网页字体...

电脑网页字体颜色怎么变深?

1、电脑鼠标右击弹出菜单,单击选择图形属性。2、打开进入到显示卡控制面板页面,点开显示器。3、然后在显示器设置页面里打开颜色设置。4、打开颜色设置...

网页字体大小怎么设置?

网页字体大小设置方法:1、打开浏览器,点击右上角的“三条横杆”按钮;2、在弹出的设置菜单中,点击“选项”按钮;3、在选项界面中,点击“界面设置”标签页...

网页字体大小怎么设置?

1.利用快捷键。按住键盘上的Ctrl键不放,再按加号键。按一次加号键就放大一次,直到调剂至合适的字体大小;必要缩小字体时,按住Ctrl键不放,再按减号键就能够了...

电脑上哪个键可以使网页上的字体变大?-ZOL问答

方法一:先打开工具--》internet选项--》常规里最下边的“辅助功能”--->勾选“忽略网页上指定的字体”-->确定再确定。在此基础上再设置“查看”里的文字大小。...

电脑网页字体大小怎么调?

在大多数网页浏览器中,可以按照以下步骤调整网页字体大小:1.在浏览器中打开网页,然后单击浏览器窗口右上角的“设置”图标。该图标通常呈现为三个水平线或者...

电脑网页字体大小怎么调?

1.以谷歌浏览器为例,打开谷歌浏览器2.点击右上角三个点3.点击设置4.左侧点击外观,右侧字号选择图示即可1.以谷歌浏览器为例,打开谷歌浏览器2.点击右上...