2091 年 4 月 18 日，对视觉中【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。国的处罚决定出炉，天津市网信办对网站运营本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net主体汉华易美（天津）图像技术有限公司作出从重罚款【原创内容，转载请注明出处】的处罚。当天盘后，视觉中国（000681著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net）发布公告称行政处罚金额为：30 万元原创内容，盗版必究。。【版权所有，侵权必究】

未经授权，禁止复制转载。未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。

【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】

商业版权是商业公司赚钱的重要途径，一方面【本文首发于唐霜的博客】【本文受版权保护】通过维权收取版权费，另一方面保护自己的设【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】计成果。但是对于 web 设计者、开发者著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】而言，版权是挡住创意的重要一步。对于创意【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】的作者，在快速实现自己的想法时，如何绕过【本文首发于唐霜的博客】【转载请注明来源】版权，快速实现创意呢？比较理想的是选择比转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。较合理的开源产品来使用，通过遵守开源协议本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。来使用该产品，以此绕过版权问题。但是，对【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。于 web 设计素材而言，则没有那么容易未经授权，禁止复制转载。【本文首发于唐霜的博客】，特别是对于 web 开发者而言，即使网本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】上找到一些满意的素材，也不敢随意在自己的【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。产品中使用。那么，究竟应该如何选择和寻找原创内容，盗版必究。本文作者：唐霜，转载请注明出处。适合我们需要的 web 设计素材呢？

【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】【转载请注明来源】

常见版权形式【版权所有，侵权必究】

【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。【本文受版权保护】转载请注明出处：www.tangshuang.net

有很多种版权协议形式，但是，对于使用者而未经授权，禁止复制转载。【本文首发于唐霜的博客】言，一定要认真阅读素材供应商提供的版权文【原创内容，转载请注明出处】【原创内容，转载请注明出处】件。国外的大部分素材网站都会提供 pdf未经授权，禁止复制转载。【本文受版权保护】 的 license 文档，如果你的项目【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】中使用了它们的素材，应该下载这个 pdf本文作者：唐霜，转载请注明出处。【转载请注明来源】 文件，放在你的代码库旁边一起管理。常见【关注微信公众号：wwwtangshuangnet】【作者：唐霜】的版权方式有：

【作者：唐霜】【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。

• 未经授权不允许使用【转载请注明来源】
【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。
• 个人免费使用，商业未经授权不允许使用本文版权归作者所有，未经授权不得转载。
【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net
• 有限使用（attribute），通常需要【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】你在你的产品显著位置注明素材来源及作者
未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。【转载请注明来源】未经授权，禁止复制转载。
• 素材版权购买，一般素材平台拥有销售版权的原创内容，盗版必究。转载请注明出处：www.tangshuang.net权利，素材作者将作品托管在平台，由平台统【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。一售卖
【转载请注明来源】【作者：唐霜】【原创内容，转载请注明出处】【未经授权禁止转载】【作者：唐霜】
• 按等级打包收费，例如素材作者方将素材打包【未经授权禁止转载】原创内容，盗版必究。为不同的包，每个包包含的素材数量不同，钱【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】越多数量越多
【未经授权禁止转载】【作者：唐霜】【版权所有，侵权必究】【本文首发于唐霜的博客】
• 终身授权与包时授权，通常由素材作者自己建未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】立网站进行销售，目前较多是按年和按月授权
【关注微信公众号：wwwtangshuangnet】【本文受版权保护】著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net
• 会员制，会员无限授权，通过注册会员，按周未经授权，禁止复制转载。【本文首发于唐霜的博客】期缴会员费，会员可无限使用素材，会员过期本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。不续费将失去该权利
未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】
• 免费版权使用，可商用【版权所有】唐霜 www.tangshuang.net
著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。
• 开源免费，遵守开源协议著作权归作者所有，禁止商业用途转载。
本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。

从上面的这些版权方式你可以发现，其实网上转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】很多声称“免费下载”的素材是存在坑的，因著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】为“免费下载”并不代表你可以“免费使用”【原创不易，请尊重版权】未经授权，禁止复制转载。，下载的目的可能是学习和演示，而非使用在原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。你的产品中，因此，免费下载一定与使用没有【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。任何关系，而且通常是供应商设下的陷阱。在未经授权，禁止复制转载。【版权所有，侵权必究】下载时，读者一定要阅读清楚素材的版权文件本文版权归作者所有，未经授权不得转载。【转载请注明来源】，而不能直接将下载的素材使用在自己的产品本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。中。

著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net【本文受版权保护】

最理想的使用方式是完全免费（可商用）的版著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】权协议，没有任何限制，随意使用。但是这样【关注微信公众号：wwwtangshuangnet】【转载请注明来源】会存在一个问题，就是使用者在免费获得素材原创内容，盗版必究。【未经授权禁止转载】之后，又为素材附加了自己的使用协议，向后【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】面的使用者收费。因此，比较合理的是基于使【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。用协议的免费可商用版权，即限定使用者必须原创内容，盗版必究。原创内容，盗版必究。遵循的条件，从而避免上述情况发生，而这种本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net协议在开源领域最为广泛，因此，越来越多的著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。编辑性素材创作者开始考虑开源自己的作品，【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】例如下面会提到的思源家族字体本文作者：唐霜，转载请注明出处。。【版权所有，侵权必究】

【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】【原创内容，转载请注明出处】【本文首发于唐霜的博客】【作者：唐霜】

图片【未经授权禁止转载】

【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】【原创内容，转载请注明出处】

图片的版权是最为复杂的。主要针对两类图片【本文首发于唐霜的博客】【未经授权禁止转载】：摄影作品，绘制作品。故名思议，摄影作品著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。是不可能开源的，而且由于不同平台限制，以【原创内容，转载请注明出处】【未经授权禁止转载】及摄影师对自身影响力传播的需要，摄影作品【作者：唐霜】本文版权归作者所有，未经授权不得转载。大部分面临版权问题，即使摄影师自己，也面本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。临被平台限制的问题。而绘制作品主要是基于【作者：唐霜】【版权所有，侵权必究】 PS 等绘图软件创作的成果，这类作品大转载请注明出处：www.tangshuang.net【未经授权禁止转载】部分都包含了比较重的创作成本，因此，有偿【作者：唐霜】【关注微信公众号：wwwtangshuangnet】使用也是情理之中。大部分作品主要被放在素【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】材平台上进行统一的版权销售，因此，我们需【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。要注意。我们在绕过平台直接向作者购买图片未经授权，禁止复制转载。【本文受版权保护】时，也要注意作者是否和平台签订了排他性协本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net议，如果平台强制要求作品只能由平台方进行【转载请注明来源】【版权所有】唐霜 www.tangshuang.net版权销售，那么也要规避这类风险。

著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】【作者：唐霜】【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net

我所找到的可商用的免费图片平台包括：【作者：唐霜】

【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。【作者：唐霜】【本文受版权保护】本文版权归作者所有，未经授权不得转载。

pexels-免费高清素材下载网站【版权所有】唐霜 www.tangshuang.net

转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】

pexels未经授权，禁止复制转载。 是非常知名的素材查找网站，很多设计师都转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】会定期去查看。它上面提供大量素材，而且由【转载请注明来源】原创内容，盗版必究。于它上面的素材都是由其他创作者上传的，而【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。非它自己收集的，并且遵循免费原则，因此，【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。它上面的素材都可以免费使用。

【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net

Unsplash-免费高清可商用摄影图片【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。资源

【版权所有，侵权必究】原创内容，盗版必究。转载请注明出处：www.tangshuang.net

unsplash【原创内容，转载请注明出处】 也是非常知名的摄影图片素材网站。它和 转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】pexels 的不同在于，它上面有大量的【未经授权禁止转载】转载请注明出处：www.tangshuang.net人物摄影作品，而且同样支持免费商用，因此【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net，可以作为需要模特出镜时的图片素材来源。

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】原创内容，盗版必究。

pixabay-免费高清矢量图片资源【访问 www.tangshuang.net 获取更多精彩内容】

转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】

pixabay原创内容，盗版必究。 也是一个知名的免费版权的图片资源网站，【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】和前面两个不同的是，它还提供非常丰富的矢著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。量图（插画），甚至还有视频资源可以下载。

【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】原创内容，盗版必究。

gratisography-免费高清创意【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。图片资源

【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。

gratisography【本文受版权保护】 也是一个知名的素材资源网站，也是免费版【本文首发于唐霜的博客】【本文受版权保护】权的。不同于前面的网站，它上面的素材很多【本文受版权保护】【转载请注明来源】是经过处理好的，带有风格的成品。

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。

可以看出，大部分免费版权的网站提供的主要未经授权，禁止复制转载。【未经授权禁止转载】内容还是摄影作品，毕竟创作过程更快，可短【版权所有，侵权必究】【转载请注明来源】时间内创作多张图片，但是，对于提供可编辑未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。的插画而言，几乎都不感兴趣，毕竟成本很高【转载请注明来源】本文作者：唐霜，转载请注明出处。。

转载请注明出处：www.tangshuang.net【版权所有，侵权必究】【本文首发于唐霜的博客】

字体【版权所有，侵权必究】

转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。【原创不易，请尊重版权】

字体则是除了图片之外更容易发生版权纠纷的【作者：唐霜】【关注微信公众号：wwwtangshuangnet】设计元素。因为几乎所有的设计作品中，一定本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】会需要文字来进行适当的阐释，从而吸引用户原创内容，盗版必究。原创内容，盗版必究。的目光。对于出版物上的字体，实际上风险很【作者：唐霜】本文作者：唐霜，转载请注明出处。大。前段时间爆出的微软雅黑版权问题，再度【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。引发了行业对字体版权的重视。之所以字体版转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。权维护更容易，是因为字体开发方可以在字体著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。设计中刻意的加入特殊设计风格，因为字体都本文作者：唐霜，转载请注明出处。【转载请注明来源】要透过系统输入来呈现出来，要修改系统中的原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。字体非常麻烦，很难对所有字都进行重新创作【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net，维权容易。因此，设计师在挑选字体时，一未经授权，禁止复制转载。【原创不易，请尊重版权】定要使用有版权，或免费版权的字体。目前我【未经授权禁止转载】未经授权，禁止复制转载。收集到的免费可商用版权字体有：

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net

站酷系列字体 5 款转载请注明出处：www.tangshuang.net

【原创不易，请尊重版权】【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。

前几年在一次字体版权问题爆发之后由站酷网【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。发布的完全免费可商用的“酷站高端黑体”打【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。开了完全免费商用字体的大门，随后几年，酷【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。站发布了：站酷快乐体、站酷酷黑体、站酷意大利体、站未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。酷小薇 logo 体。加上之前的【版权所有】唐霜 www.tangshuang.net酷站高端黑体本文作者：唐霜，转载请注明出处。一共 5 款完全免费的字体。而且由于字体本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net开源，还有人在快乐体基础上进行了修改，产【版权所有，侵权必究】未经授权，禁止复制转载。生了其他衍生字体。

著作权归作者所有，禁止商业用途转载。【本文受版权保护】【本文受版权保护】【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】

本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net

著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】未经授权，禁止复制转载。【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。

【本文受版权保护】【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】

【原创不易，请尊重版权】【作者：唐霜】【转载请注明来源】

【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】原创内容，盗版必究。

方正系列字体 4 款【关注微信公众号：wwwtangshuangnet】

【转载请注明来源】【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。【原创不易，请尊重版权】

方正的 4 款字体【版权所有】唐霜 www.tangshuang.net方正黑体、方正书宋、方正仿宋、方正楷体原创内容，盗版必究。可以免费用于商业用途，但免费并不代表不需【转载请注明来源】【作者：唐霜】要授权，你需要向方正公司申请商业授权使用【原创内容，转载请注明出处】【作者：唐霜】（意思是，对方公司可能拒绝你的申请），这【原创不易，请尊重版权】【本文受版权保护】样它可以限制你的使用范围，防止字体被用于转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。不恰当的场景。

未经授权，禁止复制转载。原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net【本文受版权保护】

思源系列字体 4 款本文作者：唐霜，转载请注明出处。

【作者：唐霜】【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。

Adobe 在线字体库 Typekity转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。u 与谷歌一起正式发布了新款开源字体：思未经授权，禁止复制转载。原创内容，盗版必究。源黑体（Source Han Sans）本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】。随后，Adobe 和 Goole 又在转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】思源黑体基础上，开发了宋体版，即思源宋体【未经授权禁止转载】。【本文受版权保护】

本文版权归作者所有，未经授权不得转载。【作者：唐霜】【本文受版权保护】

虽然由两家公司合作开发，但各自对这款字体原创内容，盗版必究。【原创内容，转载请注明出处】的称呼却不一样，Adobe 称之为 So转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。urce Han Sans（思源黑体），本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。而谷歌则称它 Noto Sans CJK【作者：唐霜】【转载请注明来源】（CJK：Chinese, Japane本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】se, Korean)，并纳入了 Not【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】o pan-Unicode 字体家族。Noto原创内容，盗版必究。 是 Google 发起的一项字体项目，转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。遵循 SIL 字体版权协议。思源黑体支持【版权所有】唐霜 www.tangshuang.net【作者：唐霜】以下字体粗细：ExtraLight、Li原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】ght、Normal、Regular、M本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。edium、Bold 和 Heavy。

本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。

在思源黑体基础上本文作者：唐霜，转载请注明出处。思源柔黑体本文作者：唐霜，转载请注明出处。和【版权所有】唐霜 www.tangshuang.net思源真黑体【转载请注明来源】这两款字体也被做出来，并且也是免费商用的转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】。

【作者：唐霜】本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net

本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】

本文版权归作者所有，未经授权不得转载。【本文受版权保护】【原创内容，转载请注明出处】

未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net

文泉驿字体系列 5 款原创内容，盗版必究。

【未经授权禁止转载】【作者：唐霜】著作权归作者所有，禁止商业用途转载。

文泉驿是一个开源汉字字体项目，由旅美学者【转载请注明来源】转载请注明出处：www.tangshuang.net房骞骞（FangQ）于 2004 年 1著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。0 月创建，集中力量解决 GNU/Lin【原创内容，转载请注明出处】原创内容，盗版必究。ux 高质量中文字体匮乏的状况。目前，文本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。泉驿已经开发并发布了第一个完整覆盖 GB【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net18030 汉字（包含 27000 多个【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net汉字）的多规格点阵汉字字库，第一个覆盖 【本文首发于唐霜的博客】【关注微信公众号：wwwtangshuangnet】GBK 字符集的开源矢量字库（文泉驿正黑【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】），并提供了目前包含字符数目最多的开源字【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】体——GNU Unifont——包含绝大【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。多数中日韩文相关的符号。

【本文受版权保护】原创内容，盗版必究。【未经授权禁止转载】【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。

目前主要的字体：【原创内容，转载请注明出处】文泉驿点阵宋体、文泉驿正黑、文泉驿点阵正【本文受版权保护】【本文首发于唐霜的博客】黑、文泉驿等宽正黑、文泉驿微米黑、文泉驿原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net Unibit。【版权所有】唐霜 www.tangshuang.net

著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】原创内容，盗版必究。【转载请注明来源】

【本文受版权保护】著作权归作者所有，禁止商业用途转载。【本文受版权保护】

【版权所有，侵权必究】原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。

明体系列 4 款原创内容，盗版必究。

【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。

来自台湾的最活跃的字型社团「字嗨」管理员【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net But Ko ，释出三款改造自思源宋体原创内容，盗版必究。转载请注明出处：www.tangshuang.net的繁体中文字体，开放给需要的使用者免费下原创内容，盗版必究。未经授权，禁止复制转载。载！三款字体分别为：源样明体、源流明体及源云明体【关注微信公众号：wwwtangshuangnet】。【原创内容，转载请注明出处】台湾明体cwTeXMing本文作者：唐霜，转载请注明出处。是一款旧字形外观，在一定程度上仿照古籍〈【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。康熙字典〉字体。

【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】

本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】

台湾教育部字体 2 款【原创不易，请尊重版权】

原创内容，盗版必究。未经授权，禁止复制转载。原创内容，盗版必究。

来自台湾教育部发布的两款字体，未经授权，禁止复制转载。台湾教育部国字隶书原创内容，盗版必究。和【原创内容，转载请注明出处】台湾教育部标准字本文版权归作者所有，未经授权不得转载。，都是繁体字，而且因为台湾仍然沿袭古体字【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】，所以在一些输入上和大陆不同，你必须输入【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net繁体才能正常显示对应的字，否则会显示方块【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。。

【转载请注明来源】【未经授权禁止转载】本文作者：唐霜，转载请注明出处。

【本文受版权保护】【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net

其他字体【原创不易，请尊重版权】

【本文受版权保护】【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】

此外，除了上述这些字体之外，还有一些其他著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】的字体也是商用免费的。例如刻石錄系列字体（刻石錄I.钢笔鶴体、刻石转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net錄I.明体、刻石錄I.颜体）、cwtex【本文首发于唐霜的博客】【未经授权禁止转载】-q-fonts、明朝体系列 3 款（花著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。园明朝体、装甲明朝体和源界明朝体）等，但由于这些字体的制作方并没有特别出名【版权所有】唐霜 www.tangshuang.net【本文受版权保护】，因此也常被忽略。有人整理了所有可以免费著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】商用的字体，并且注明了版权协议：

未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。【转载请注明来源】【原创不易，请尊重版权】

【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。【本文受版权保护】【转载请注明来源】

在实际设计中，对于只需要对少数字进行使用【本文受版权保护】【本文受版权保护】时，可以模仿字体的思想，自己通过钢笔工具【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。自己构造自己的文字。

【本文首发于唐霜的博客】【本文首发于唐霜的博客】【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】

图标【原创内容，转载请注明出处】

未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net

图标（icon）也是 web 设计的重头【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】戏，但是要设计一套图标非常麻烦，而且不同本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】的项目都要重新做一套图标，或者一个设计师【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。对接不同项目时，要反复的拷贝自己以前的设未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net计进行细节修改，会折磨设计师的思想。对于【原创内容，转载请注明出处】原创内容，盗版必究。快速迭代的项目，挑选可商用的免费版权图标【原创不易，请尊重版权】未经授权，禁止复制转载。也是一个需要注意的问题。虽然网络上看到的【作者：唐霜】【原创不易，请尊重版权】图标（例如 Facebook 的 ico本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】n，例如一些常用的标志的 icon）看上转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】去一致，但是实际在技术层面，作者都作了防本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net盗版标记，因此，不可以随便乱用，两个相同【转载请注明来源】未经授权，禁止复制转载。的图标（可能长的一模一样）也可能存在陷阱【转载请注明来源】未经授权，禁止复制转载。，因此，一定要从授权网站下载授权图标。

原创内容，盗版必究。【原创不易，请尊重版权】未经授权，禁止复制转载。

我所知道的收刮免费商用版权的图标来源有：

【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net【本文受版权保护】

undraw【版权所有，侵权必究】

本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。

undraw【关注微信公众号：wwwtangshuangnet】 一个提供完全免费的 SVG/PNG 图未经授权，禁止复制转载。【原创不易，请尊重版权】片素材的站点，网站由 KaterinaL【未经授权禁止转载】【转载请注明来源】impitsouni 创建创办，该网站所【未经授权禁止转载】原创内容，盗版必究。有的素材图片遵循 MIT 协议许可（开源【版权所有，侵权必究】转载请注明出处：www.tangshuang.net协议），网站不断更新 SVG 图像素材，原创内容，盗版必究。未经授权，禁止复制转载。并完全免费使用。

【作者：唐霜】本文作者：唐霜，转载请注明出处。【作者：唐霜】转载请注明出处：www.tangshuang.net

【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。【作者：唐霜】本文作者：唐霜，转载请注明出处。

Flat Icon Design本文版权归作者所有，未经授权不得转载。

【转载请注明来源】转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。

一个日本的免费扁平化矢量图标网站，总数量著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。大约有 500 个左右，设计风格简约，最本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。重要的是免费可商用（在它的搜索框旁边已显【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。著注明了可免费商用），下载格式包括：AI【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】、EPS、JPEG、PNG、SVG。

本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】【转载请注明来源】原创内容，盗版必究。

【未经授权禁止转载】【未经授权禁止转载】【本文首发于唐霜的博客】【作者：唐霜】【版权所有】唐霜 www.tangshuang.net

Linea本文版权归作者所有，未经授权不得转载。

【未经授权禁止转载】【转载请注明来源】【本文首发于唐霜的博客】【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】

Linea【未经授权禁止转载】 由国外团队开发的一套黑白图标，有700【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。+个，下载下来之后，有不同的分类。

未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。

本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。【转载请注明来源】

Evil Icons转载请注明出处：www.tangshuang.net

本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net【本文受版权保护】

Evil Icons【本文首发于唐霜的博客】 是由外国的两名开发者联合设计师一起发布著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。的库，同时支持图标的免费使用。你可以通过未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】各种库安装工具下载它，也可以在githu【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。b上下载源码自己编译。它是基于MIT开源本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net协议完全免费的。

【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net【转载请注明来源】

著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net原创内容，盗版必究。【原创不易，请尊重版权】【未经授权禁止转载】

 【未经授权禁止转载】

【未经授权禁止转载】【本文首发于唐霜的博客】【未经授权禁止转载】【版权所有，侵权必究】

免费的 icon 字体库【作者：唐霜】

本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】

包括bootstrap, font aw【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】esome 在内的一些库都提供了免费的 【未经授权禁止转载】【原创不易，请尊重版权】icon 字体版本。

【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。

Iconfinder本文作者：唐霜，转载请注明出处。

本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【本文受版权保护】

iconfinder【版权所有，侵权必究】 是一个图标平台，你可以在上面检索它所提【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net供的图标，它提供了免费和付费的图标，付费【作者：唐霜】本文作者：唐霜，转载请注明出处。图标需要支付后才可以下载，而免费的图标可本文版权归作者所有，未经授权不得转载。【本文受版权保护】以用于商业（在下载时可以看到旁边注明）。

本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net

【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。【原创不易，请尊重版权】

虽然有很多提供免费下载图标的网站，例如阿转载请注明出处：www.tangshuang.net【转载请注明来源】里巴巴的 fonticon、easyic原创内容，盗版必究。原创内容，盗版必究。on 等网站，但是它们因为没有具体明确的【本文首发于唐霜的博客】【本文首发于唐霜的博客】版权信息，你不知道下载的 icon 是否【本文首发于唐霜的博客】原创内容，盗版必究。经过了授权，因此，不建议直接使用从这类网【作者：唐霜】【版权所有】唐霜 www.tangshuang.net站下载的 icon。

【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。原创内容，盗版必究。【版权所有，侵权必究】

小结【关注微信公众号：wwwtangshuangnet】

【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】未经授权，禁止复制转载。

web 设计本身是一件耗时耗力的创造性过原创内容，盗版必究。【转载请注明来源】程，不能因为在自己的作品中使用了未授权的【本文受版权保护】【关注微信公众号：wwwtangshuangnet】素材而给自己带来长久的风险，开发者在快速【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。开发自己的产品，设计师在设计自己的作品时【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】，都应该避免一些陷阱，不要被“免费”二字【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】所欺骗，一定要拿到具体的版权协议，并将所【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。用到的素材所对应的版权协议版本和自己的作【原创不易，请尊重版权】原创内容，盗版必究。品放在一起，以证明自己使用了经过授权的素著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】材。

转载请注明出处：www.tangshuang.net原创内容，盗版必究。原创内容，盗版必究。

本文所提供的这些资源，它们都提供比较直接未经授权，禁止复制转载。【本文受版权保护】的免费可商用版权，而没有刻意设置陷阱。其【原创不易，请尊重版权】【本文受版权保护】中几个是分了免费和收费的，但是都比较直接原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】的，没有陷阱，收费和免费区分的非常清晰。著作权归作者所有，禁止商业用途转载。【转载请注明来源】你在使用时，也可以根据自己的需要进行付费【原创不易，请尊重版权】【原创内容，转载请注明出处】购买，毕竟别人的设计成果还是需要金钱的支本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】持才能激发他们继续提供更好的作品。

本文版权归作者所有，未经授权不得转载。【转载请注明来源】本文版权归作者所有，未经授权不得转载。