README

关于

标志图标包，如 famfamfam 网站上所示。

所有这些图标的版权归原作者所有：Mark James (mjames@gmail.com)

此项目旨在通过各种包管理器提供此图标包，例如

所有图标均提供 PNG 和 GIF 格式。

扩展和更新

已向原始包中添加了一面旗帜：gg.png（或 gg.gif）。此旗帜由 Damien Guard (@damieng)（damieng@gmail.com）创建，用于 FamFamFam 图标的“附加”包，名为 Silk Companion。

缅甸的旗帜已更新：mm.png（或 mm.gif）。此旗帜由 @Lucas 更新，并从维基百科创建。

该项目现在支持 CSS 雪碧图中的别名（见下文）。此功能由 @Rangoo94 提供。例如，RE（留尼汪）是 FR（法国）的别名，因为留尼汪与法国共享相同的旗帜。要查看别名，请查看 aliases.json 文件。

CSS 雪碧图

您可以直接使用常见的 IMG 标签将图标插入到您的 HTML 中

<img alt="French Flag" src="dist/png/fr.png" width="16" height="11">

除了单独的图标外，此项目还提供图标包的 CSS 雪碧图。此雪碧图允许只需加载一张图片即可加载整个图标包，从而减少 HTTP 请求。

这实际上看起来是这样的

在此单独图像中图标的所有定位都是通过 CSS 实现的，这使得您只需添加具有适当类的块类型标签即可获得相同的结果

<div class="famfamfam-flags fr"></div>

只需记得将 CSS 样式表添加到您的 HTML 页面的 HEAD 中即可！

安装

NPM

npm install famfamfam-flags

Bower

bower install famfamfam-flags

Composer / Packagist

使用 composer 安装 legacy-icons/famfamfam-flags

NuGet

安装-Package famfamfam-flags

构建整个项目或您的自定义项目

我们使用 Gulp 来构建项目，所以如果您想重新构建或自定义此项目，您将需要 Gulp。

在安装 Gulp 并将您的 CLI 指向工作目录后，首先使用 NPM 2.x.x 安装依赖项

（NPM 2.x.x）

npm install

（NPM 3.x.x）（在安装此模块的依赖项之前解决 node-spritesheet 的依赖项）

npm install grunt grunt-contrib-coffee grunt-contrib-clean

npm install

然后确保您已安装 ImageMagick 以构建精灵图。

然后，您可以运行 gulp build 任务来构建项目

gulp build

构建任务做什么？

首先，它从 src 文件夹中获取 PNG 和 GIF 文件，并将它们整理到 dist 文件夹中。

然后，它从位于 src 文件夹中的 PNG 图像创建精灵图，并在 dist 中创建 sprite 文件夹。

例如，如果您只想在精灵图中包含 fr 和 gg 图标，您只需将此项目分支，将您的 CLI 指向工作目录，清空 src 目录，除了 fr 和 gg 图标（PNG 格式）之外，然后运行 gulp build 任务。

您将在 dist 文件夹中获得适当的精灵图和图标的副本。

许可证

请参阅许可证

t1st3 / famfamfam-flags

维护者

详细信息