阿里巴巴图标库和FontAwesome图标是有版权的吗??

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了阿里巴巴图标库和FontAwesome图标是有版权的吗??相关的知识,希望对你有一定的参考价值。

阿里巴巴图标库和FontAwesome图标是没有版权的,可以商用,是开放式的。iconfont平台:是一个矢量技术交流学习分享的平台,同时为广大用户提供矢量图标存储、字体图标转换等功能的平台。但是权利归属,除非iconfont另行声明,除用户自行上传的内容外,iconfont平台内的所有产品、技术、软件、程序、数据及其他信息(包括但不限于文字、图像、图片、照片、音频、视频、图表、色彩、版面设计、电子文档)的所有权利(包括但不限于版权、商标权、专利权、商业秘密及其他所有相关权利)均归iconfont或其关联公司所有。未经iconfont许可,任何人不得擅自使用(包括但不限于通过任何机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上传、下载iconfont平台内的任何内容)。

iconfont平台的Logo、“iconfont.cn”等文字、图形及其组合,以及iconfont平台的其他标识、徵记、产品和服务名称均为iconfont及其关联公司在中国和其它国家的商标,未经iconfont书面授权,任何人不得以任何方式展示、使用或作其他处理,也不得向他人表明您有权展示、使用或作其他处理。

用户承诺不得以任何方式利用iconfont平台直接或间接从事违反中国法律以及社会公德的行为,iconfont有权对违反上述承诺的行为采取措施(包括但不限于删除违反承诺的内容、暂停或停止为用户提供服务等)并在iconfont平台予以通知公告。

iconfont个人公共库旨在给广大用户提供更广阔的学习交流环境和更便利的体验,所以说是没有版权一说的,但是最终的权利归属还是由阿里巴巴所有。

参考技术A

是的,有版权的

一般像阿里巴巴、百度等这种大型企业,其注册图标都是有版权的,侵犯版权可能会引来法律的制裁。

参考技术B 阿里图标库和FontAwesome是有版权的,但是用户和开发者可以作为免费商用,使用两个库的矢量图标库是不会构成侵权的。 参考技术C 这两个都是有版权的,如果使用必须支付一定的费用,否则会造成侵权。

用fontAwesome代替网页icon小图标

1. 引言

网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。

有一个东西,它已经为你准备了将近600个常用icon图标(还在不断更新),能大能小,能随便修改颜色,完全开源,完全免费。


2. 应用font-awesome


先去http://www.fontawesome.com.cn网站下载fontAwesome,解压文件,应该能看到“css”和“font”两个文件夹。css文件夹中存放着css文档,font文件夹中存放在着适用于不同浏览器的字体文件。结构应该如下:


ps:如果使用css,删除less、sass文件夹

使用 CSS

  1. 复制 font-awesome 目录到你的项目中
  2. <head>处加载font-awesome.min.css如下。
    <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

使用 Sass or Less

使用 LESS or SASS 来个性化自定义Font Awesome 4.7.0

  1. 复制 font-awesome/ 目录到你的项目中。
  2. 打开你项目中的 font-awesome/less/variables.less 或 font-awesome/scss/_variables.scss 然后编辑 @fa-font-path 或 $fa-font-path 变量来指定字体目录。
    @fa-font-path:   "../font";

     字体的路径是相对于你CSS目录的。

  3. 如果你使用一个静态编译器,请重新编译你的 LESS 或 SASS。

3. fontAwesome示例

你可以通过设置CSS前缀fa和图标的具体名称,来把Font Awesome 图标放在任意位置。Font Awesome 被设计为用于行内元素(我们喜欢用更简短的<i>标签,它的语义更加精准)。

<i class="fa fa-camera-retro"></i> fa-camera-retro
  • 例如: 默认图标如果您修改了图标容器的字体大小,图标大小会随之改变。同样也适用于颜色,阴影,阴影等其它任何CSS支持的效果上。


为了增加图标大小相对于它们的容器, 使用 fa-lg (33% 递增), fa-2xfa-3xfa-4x, 或 fa-5x classes.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
  • 如果你的图标顶部和底部被裁剪掉,请确保你有足够的行高。

使用 fa-fw 来设置图标在一个固定宽度内,主要用于不同宽度图标无法对齐的情况,尤其在列表或导航时起到重要作用。

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; 首页</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 关于我们</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; 后台应用编辑</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 系统设置</a>
</div>



更多的案例请看  http://www.fontawesome.com.cn/examples/

以上是关于阿里巴巴图标库和FontAwesome图标是有版权的吗??的主要内容,如果未能解决你的问题,请参考以下文章

阿里巴巴矢量图标库免费吗?有没有版权问题?可以商用吗?

Font-Awesome(一套绝佳的图标字体库和CSS框架)

阿里巴巴IconFont的图标的下载使用

Font Awesome入门教程

Font Awesome入门教程

图标字的使用方法