天为大家精选免费可商用字体（可在文末领取素材！）

近日看到一则新闻，有位淘宝卖家公布了自己和方正维权人员的聊天截图，并在群里向周围卖家求助。

看完这一幕，大多数人是否都很惊讶，毕竟“字体侵权”很多人都毫无意识，甚至没听说过！随着方正，汉仪等公司的维权运动的展开，这样的事情，已经是屡见不鲜了。就连微软雅黑也要开始收费了……

作为设计师，如果用了未授权的字体，说不定哪一天就被字体公司告侵权了，还有可能被罚款，如果设计师用了未授权的字体，一般会被字体公司智能系统扫描到，一但被他们发现，首先就会给公司发律师，公司收到律师函就会找到设计师。。。就问设计师们，你们还敢用未授权的字体吗？

现在市面上也有很多免费可商用的字体可供大家使用，小编都全部统计下来了，可在文末领取素材！

同时我们要感谢那些无私设计字体的人们 ！是他们的辛勤付出，免费分享才让我们有这么多的免费字体可商用，小编通宵达旦的统计了，也尽量核实过授权信息，也提供了授权出处，方便大家查阅所有字体都打包了。可在文末下载！

免费可商用字体

思源黑体

早前 Google 与 Adobe 曾合作推出了轰动业界的免费中文字体——「思源黑体」以及「思源宋体」，它们不仅可以免费商用，而且更赞的是它还是开源的。这意味着，任何人都能在它的基础上进行修改和二次创作，设计出更多不同的新样式字体。今天介绍的「思源柔黑」和「思源真黑」正是由思源黑体衍生出来的字体，包含简繁中文和日文，同样开源可免费使用，加上字体优雅清晰，非常值得大家下载收藏并应用到各类作品中去……

授权出处：

https://www.google.com/get/noto/

思源宋体
思源宋体的文字头尾有装饰用的线条或突出，看起来较细，属于「有衬线」的字体。一般来说无衬线的思源黑体比较适合用在标题，有衬线的思源宋体比较适合用在文章的内文、段落。不过这也不是绝对的，可依不同的装置、使用情境来搭配使用。

授权出处：

https://www.google.com/get/noto/

思源柔黑体

思源柔黑一共发布了 3 个版本，分辨是标准版、L、X。它们的区别在于圆角的圆润程度不同，L 圆角最小 (最尖)，X 圆角最大 (最圆)，而标准版则是介于两者之间。每个版本都有 7 种字重，3种字形样式 (包括等宽字体)，大家可以根据喜好选择使用。

授权出处：

http://jikasei.me/font/genjyuu/

思源真黑体

思源真黑体(源真ゴシック) 同样保留了思源黑体原版的优雅以及高可读性的特色，也是提供了 7 种不同的字重、3种字形样式 (包括等宽字体、比例字体)。格式上转换成 TrueType (TTF) 版，细节上也做了很多的调整与变化，使得整套字体看起来更加锐利清晰，更适用于大量文字阅读显示、代码编程、排版、打印等。

授权出处：

http://jikasei.me/font/genshin/

装甲明朝体

该字体库由思源宋体改造而来，由日本字体爱好者创作，改造后整体相当霸气，充满阳刚之气，有一种EVA的感觉，本字体可免费商用

授权出处：

http://www.flopdesign.com/blog/font/5228/

源界明朝

该字体库是由日本字体爱好者创作，将思源宋体进行改造而来，有着战损风格的霸气感觉，非常硬汉。

授权出处：

https://www.flopdesign.com/blog/font/5146/

阿里巴巴普惠体

中文字体，指定5款字重。允许任何个人和企业免费使用，包括商业用途

授权出处：

https://alibabafont.taobao.com/wow/alibabafont/act/alifont?spm=a213iq.12741207.8414978282.3.6cce461dJimvqz&wh_biz=tm&acm=lb-zebra-476210-6318052.1003.4.5750882&scm=1003.4.lb-zebra-476210-6318052.OTHER_15543966436832_5750882

OPPOSans字体

是一款电脑可商用字体，该套字体是汉仪与OPPO合作于2019年推出面向全社会可使用的免费字体，字体端庄大气，充满科技美感。OPPO Sans 字体简洁富有变化的线条融入曲线的美学，适合用来作为 IT 数码类海报 Banner 等各类作品的设计素材使用，实用性相当广泛

贤二字体

该字体库有着非常诙谐的气质，笔锋较小，撇捺较重，非常可爱令人亲近的感受，而且此字体是汉仪字库首款免费可商用字体

授权出处：

https://www.zcool.com.cn/article/ZNjk4NDM2.html

锐字真言体字体

该字体库是锐字家族的首款免费商用字体，商业用途无限制使用，字体风格张弛有度，落笔简练

授权出处：

http://reeji.com/

杨任东竹石体

是一款电脑字体包，该字体库是完全免费可商用的，拥有7个字重，粗细风格多样，字库文字量覆盖庞大，几乎不会出现缺字的情况沐瑶软笔手写体字体该字体库是春颜秋色夫妻俩为女儿制作的字体包，完全手写创作，并且将版权公开，所有人都能无限制的使用这款字体

授权出处：

https://mp.weixin.qq.com/s/7kv3i_YEs7x9_9IrCDYvBA

方正字体

免费字体包括四种字体：方正黑体、方正书宋、方正仿宋、方正楷体。

授权出处：http://www.foundertype.com/index.php/About/bookAuth/key/my_sysq.html

明体系列

免费字体：源样明体 源流明体 源云明体 台湾最活跃的字型社团「字嗨」管理员 But Ko ，释出三款改造自思源宋体的繁体中文字体，开放给需要的使用者免费下载！

授权出处：

https://github.com/ButTaiwan?tab=stars

Droid Sans Fallback

Droid Sans Fallback是Android设备初期时默认的中文字体，由谷歌委托台湾华康科技设计的，与微软雅黑很像。

授权出处：

https://code.google.com/archive/p/droid-sans-mono-py/

花园明朝

由思源宋体改造而来，由日本字体爱好者创作，改造后的字体更加灵动活泼，线条更纤细，本字体可免费商用

授权出处：

http://fonts.jp/hanazono/

站酷系列

站酷作为中国人气设计师互动平台，不仅聚集了百万优秀设计师，也分享了多款免费字体可供商用。站酷高端黑便是站酷网近百名设计师参与创作开发的，免费字体：站酷酷黑体、站酷意大利体、站酷快乐体、站酷高端黑体 、站酷小薇LOGO体、站酷文艺体、站酷庆科黄油体

授权出处：

http://www.zcool.com.cn/special/zcoolfonts/

郑庆科黄油体

站酷庆科黄油体是一款字型创新、线条圆润的字体。笔划的每一个直角，都被处理成了半径为4pt的圆角。在设计中需遵循笔划简化但不省略，笔划角度尽量为垂直角度。字体部首的右下角均为45°缺角，提高了字体视觉中心，并有效的解决了一些字体因笔划交叉，字体阅读困难的毛病。

授权出处：

http://www.zcool.com.cn/work/ZMTg5MDEyMDQ=.html

庞门正道系列字体

庞门正道标题体、庞门正道粗书体、庞门正道轻松体

免费字体：限时，不限量，不收费，随便用！

授权出处：

https://mp.weixin.qq.com/s/BGXeAXrEo6CM5-gtdQOuYA

手写杂字体

851手写杂字体，自由改造与再配布，可商用，但保留著作权

授权出处：

http://www39.atpages.jp/yagoinienie/851fontpage.html

Fandol破产字体

来自一家破产的字体公司，现在开源了！

授权出处：https://github.com/zenozeng/Free-Chinese-Fonts/issues/13

问藏书房

问藏书房是造字工房创始人丁一将二十余年收藏和学习的数千本设计、绘画、摄影、字体等艺术图书全部捐助于问藏书房而创建。意向通过问藏书房免费借阅给对设计与艺术、美学类相关知识有兴趣的同学。

有简体和繁体，也有日韩、欧美版

授权出处：

http://www.wencang.com/font.jsp

刻石录明体字体

该字体库是刻石录系列字体中对简体字包含最好的，并且有持续的进行更新，大多数文字都有覆盖，并且开源免费商业使用，免费字体：刻石錄鋼筆鶴體、刻石錄明體、刻石錄顏體

授权出处：

http://founder.acgvlyric.org/iu/doku.php

Oradano-Mincho名朝

Oradano-Mincho名朝是一款日本铅字印刷效果字体，很有味道的一款印刷字体非常适合用来做平面设计。收录非常多的汉字字型！

授权出处：

http://www.asahi-net.or.jp/

台湾明体

台湾明体cwTeXMing是一款旧字形外观，在一定程度上仿照古籍〈康熙字典〉字体，字形构架 稳固，庄重而大方，适用於古籍文献印刷。

授权出处：

https://github.com/google/fonts/tree/master/ofl/cwtexming

全字库

免费字体：全字库说文解字、全字库正宋体、全字库正楷体

授权出处：

http://www.cns11643.gov.tw/AIDB/copyright.do

王漢宗字体

中原大学数学系王汉宗教授所研发，王汉宗教授先分别在2000年和2004年先后捐出十套 WCL系列字型和32套新字型，但是由于字形与汉仪字库有大量重复，因此存在各种版权纠纷，我们挑出了几款没有版权纠纷的字体。

免费字体：王漢宗標楷體空心、王漢宗波卡體空陰、王漢宗波浪體、王漢宗超黑俏皮動物、王漢宗超明體、王漢宗粗鋼體標準、王漢宗粗黑體實陰、王漢宗粗圓體雙空、王漢宗仿宋標準、王漢宗鋼筆行楷、王漢宗海報體半天水、王漢宗特黑體、王漢宗特明體標準、王漢宗細黑體、王漢宗細新宋簡體、王漢宗顏楷體、王漢宗中魏碑簡體

授权出处：https://zh.wikipedia.org/wiki/%E7%8E%8B%E6%BC%A2%E5%AE%97%E8%87%AA%E7%94%B1%E5%AD%97%E5%9E%8B

教育部字体

由台湾教育部制作，这三款都是繁体字，并不支持简体。

免费字体：台湾教育部標準楷書、台湾教育部標準宋體、台湾教育部國字隸書

授权出处：http://depart.moe.edu.tw/ED2400/News.aspxn=8940E5C0456177C3&sms=893AAA1CBFE149DE

文泉驿字体

该字体库在中文字体界是比较稍有的免费开源项目之一，有着丰富的文字收录量，并且用户可以进行商业用途，非常方便

免费字体：文泉驿正黑体、文泉驿微米黑、文泉驿等宽正黑

授权出处：

http://wenq.org/wqy2/index.cgi?FontGuide

濑户字体

为濑户制作的免费字体，字体包含中文繁体常用字及多国语言。

授权出处：

https://www.justfont.com/fontdetail/147

手写体

作者Anonymous，自己手写的一款字体手书体，此次共做了基本汉字6763个

授权出处：

https://www.zcool.com.cn/work/ZMjI2MDk1MDg=.html

包图小白体

是字体视界团队2018年创作的一款字体，推出半年来一直广受设计师喜爱。现由包图网与字体视界合作，包图小白体， 定义为一款简单可爱的创意字体。在字形笔画上去除了折笔的弧形，换之以平直的笔画，竖弯钩转为竖折，同时弱化了钩笔画，省去了许多笔画末尾的小尾巴，显得更加直白可爱。粗短的笔画，像柯基的小短腿，相比细长的字体能给人更多的轻松感。整体形态采用了镂空的制作技巧，增强了字体的立体感，适合用于品牌标志、海报、包装、影视综艺、游戏、漫画等场景。

授权出处：

https://act.ibaotu.com/activity/1.html

联盟起艺卢帅正锐黑体

联盟起艺是本套字库联名的平台，故名：联盟起艺卢帅正锐黑，联盟起义卢帅正锐黑体正式发布，共计8000余字永久免费商用标题体！
授权出处：

https://www.zcool.com.cn/work/ZMzUxMzUzNzY=.html

Smartfont

日本Smartfont免费商用字体，包含中日双语！虽然中文字体不怎么好看，但可以使用日本字搭配装饰用！

授权出处：

https://www.flopdesign.com/freefont/smartfont.html

KanjyukuGothic

日本KanjyukuGothic免费商用字体，包含中日双语！

授权出处：

https://www.flopdesign.com/freefont/kanjyukugothic-freefont.html

FLOPDESIGN-FONT

日本FLOPDESIGN-FONT免费商用字体，包含中日双语！

授权出处：

https://www.flopdesign.com/freefont/kanjyukugothic-freefont.html

汉鼎字体大全（17款）

海德堡大學漢學系推出的中文字型。包含了漢鼎繁古印、漢鼎繁海报、漢鼎繁舒體、漢鼎繁印篆、漢鼎繁中變、漢鼎繁顏體、汉鼎简黑变、汉鼎简楷体、汉鼎简录变、汉鼎简舒体、漢鼎繁中變、汉鼎特粗黑、漢鼎繁中楷、汉鼎简中楷、漢鼎繁琥珀、漢鼎繁勘亭、漢鼎繁特粗宋共十七種字型。

核实方式：

http://www.uni-heidelberg.de/impressum.html

清松手写体

这套「清松手写体」是由游清松建立，主要是以原子笔在稿纸上手写，字体结构看起来相当平衡，目前也已经完成前两套字型，清松手写体也很适合用在手机或平板电脑。

免费但限使用平台

汉仪字体

18款汉仪字体（仅可以京东平台在免费使用）：汉仪中黑(简/繁)、汉仪细简黑(简)、汉仪中简黑(简)、汉仪楷体(简/繁)、汉仪书宋一(简)、汉仪书宋二(繁)、汉仪粗仿宋(简)、汉仪水滴体(简/繁)、汉仪珍珠隶(简/繁)

授权出处：

http://fw.jd.com/449421.html?itemCode=FW_GOODS-449421-1

华康字体

45款华康字体（仅可以阿里平台在免费使用）：华康布丁体、华康彩带体 、华康儿风体、华康方圆体、华康钢笔体、华康海报体、华康手札体、华康手札体、华康翩翩体、华康黑体 、华康金文体、华康楷体、华康勘亭流、华康俪金黑、华康隶书体、华康龙门石碑、华康墨字体、华康POP1体、华康POP2体、华康POP3体、华康少女文字、华康饰艺体、华康瘦金体、华康标题宋、华康宋体、华康唐风隶、华康娃娃体、华康魏碑、华康正颜楷体、华康雅宋体、华康雅艺体、华康圆体、华康新综艺体

授权出处：

https://www.dynacw.com.cn/news/news_detail.aspx?s=7

阿里汉仪智能黑体

是汉仪字库联手阿里巴巴打造的第一款AI字体产品，汉智能黑体基于黑体的横竖基本特征，加大横竖粗细比例，字面饱满填充整个内框，让字体更加醒目，视觉冲击力极强，能够很好的与用户对话，非常适用于电商类广告设计。当然，这个字体仅限阿里巴巴平台上使用。

授权出处：

https://mp.weixin.qq.com/s/Y_c_0COqWnUo90G3QJ2ojA

有了这些字体，妈妈再也不担心我字体侵权罚款了~~

领取免费可商用字体的方式

1、首先【关注】千千素材库

2、然后【留言：领取免费可商用字体】；或【转发本篇文章】

3、最后主页【私信】小编，全部免费赠送

我是@千千素材库：免费分享最新精选的插画设计教程、素材资源干货，喜欢我的文章请点赞、关注、转发、欢迎大家关注！

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

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

绍

介绍

今天福哥要跟跟大家说一说标签的样式，上一课我们学习的标签的样子就是它们的“默认”样子，实话实说这简直太难看了！为了让它们看起来更漂亮，为了可以使用这些标签勾勒出互联网上我们看到的那些美轮美奂的网页，我们需要通过标签样式对它们进行换装、进行美化。

标签样式格式

使用标签样式的语法，示例：我们给一个div设置边框和背景颜色。

<div style="border: 1px solid #000; background: #ccc;"></div>

标签样式

尺寸

可以使用width和height控制对象的宽度和高度，可以使用百分比也可以使用具体的数值。

width

height

<div style="
        display: block;
        width: 100px;
        height: 100px;
        background: #fff;
">

    </div>

边框

边框指的是标签在网页显示的对象的边框，控制边框可以使用border这个样式。还可以控制对象边框的圆角。还可以单独控制对象的上下左右四个方向的边框的样式。

border

border-radius

<div style="
        display: block;
        width: 100px;
        height: 100px;
        background: #fff;
        border: 1px solid #c85e7c;
        border-radius: 15%;
">

    </div>

边距

对象边距分为内边距和外边距。

内边距

内边距指对象里面的子元素距离对象边框的距离，使用padding样式控制对象的内边距。

padding

外边距

外边距指对象边框距离父元素边框的距离，使用margin样式控制对象的外边距。

margin

<div style="
        display: block;
        width: 100px;
        height: 100px;
        background: #fff;
        border: 1px solid #c85e7c;
        border-radius: 15%;
        padding: 12px;
        margin: 12px;
">
        福哥教我学HTML样式
    </div>

背景

背景是指对象区域内的样式，背景可以是一种颜色的填充，也可以是一张图片的渲染。

background

background-color

background-image

<div style="
        display: block;
        width: 100px;
        height: 100px;
        background: #fff;
        border: 1px solid #c85e7c;
        border-radius: 15%;
        padding: 12px;
        margin: 12px;
        background: #c6b4f0;
">
        福哥教我学HTML样式
    </div>

字体

字体是用来控制文字的样式的，可以控制文字的字体和字号。但是要注意一点，给文字设置字体一定要客户端的电脑上有这种字体才可以正常显示。

font

font-family

font-size

color

<div style="
        display: block;
        width: 100px;
        height: 100px;
        background: #fff;
        border: 1px solid #c85e7c;
        border-radius: 15%;
        padding: 12px;
        margin: 12px;
        background: #c6b4f0;
        font-family: 黑体;
        font-size: 22px;
        color: #c85e7c;
">
        福哥教我学HTML样式
    </div>

显示

对象的显示方式也有很多种，有独占一行的，也有只占一小块的，还有非快状的。显示方式使用display属性控制。

display: block

独占一行

display: inline-block

独占一小块

display: inline

非块状

display: none

隐藏对象，就是对象状态不可见也不占位置了

总结

今天福哥给大家秀出了常用的标签样式，同时给出了这个样式的实际显示效果。接下来我们就要使用这些知识来设计我们自己的页面了。

把网页上的基本元素都套上了漂亮的皮肤，可以使用这些漂亮的标签快速搭建好看的网页，也是有捷径可寻的。我们开发网站程序可以使用web框架辅助，那么设计漂亮的网页也可以借助前端框架来完成。

下一课我们会跟大家介绍一款非常好用的前端框架——bootstrap，借助bootstrap前端框架就可以高效地设计网站的各种网页了。

https://m.tongfu.net/home/35/blog/512895.html