README

关于

标志图标包，可在 famfamfam 网站上找到。

所有图标归原始作者 Mark James 所有（mjames@gmail.com）

此项目的目标是使此图标包通过各种包管理器可用，例如

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

扩展和更新

原始包中已添加一个标志：gg.png（或gg.gif）。此标志由 Damien Guard (@damieng)（damieng@gmail.com）创建，名为 Silk Companion 的附加包。

缅甸国旗已更新：mm.png（或mm.gif）。此标志由 @Lucas 更新，并从 Wikipedia 中创建。

项目现在支持CSS精灵图的别名（见下文）。此功能由 @Rangoo94 提供。例如，RE（Reunion）是FR（France）的别名，因为留尼汪与法国拥有相同的国旗。要查看别名，请检查 aliases.json 文件。

CSS精灵图

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

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

除了单独的图标外，此项目还提供了一个图标包的CSS精灵图。此精灵图允许您只需1个图像即可加载整个图标包，从而减少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文件夹中获得适当的精灵图和图标的副本。

许可证

请参阅许可证

旧版图标 / famfamfam-flags

维护者

详细信息