README

关于

图标包 Flags，可在 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 更新的，并从 Wikipedia 中创建。

该项目现在支持CSS精灵图中的别名（见下文）。该功能由 @Rangoo94 提供。例如，RE（Reunion）是FR（France）的别名，因为Reunion与法国拥有相同的旗帜。要查看别名，请检查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 require legacy-icons/famfamfam-flags

NuGet

Install-Package famfamfam-flags

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

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

安装 Gulp 后，将您的 CLI 指向工作目录，首先安装依赖项

使用 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 目录，除了 PNG 格式的 fr 和 gg 图标外，然后运行 gulp build 任务。

您将获得适当的精灵图和图标的副本，它们直接位于 dist 文件夹中。

许可

请参阅许可

kwipi / famfamfam-flags

维护者

详细信息