README

非官方的 FamFamFam 旗帜图标精灵。（FamFamFam）。

!! - 此作品为非官方作品，不对 FamFamFam 负责责任。

概述

此包提出了一种基于 FamFamFam 旗帜图标免费许可下提出的 FamFamFam 旗帜图标 web 集合构建的 CSS 精灵。

要了解更多关于 "CSS 精灵" 的概念，请参阅计算机图形精灵 Wikipedia 页面。

此包是一个 "独立" 的 CSS 框架。要使用它，您只需从 GitHub 获取其源代码，并将包的 src/ 内容包含到您的项目资源中。

如果您是 Bower 用户，包已注册，您可以在您的 bower.json 中编写

"dependencies": {
    ...
    "famfamfam-flags-sprite": "atelierspierrot/famfamfam-flags-sprite#master"
}

如果您是 Composer 用户，包已在 Packagist 中引用，您可以在您的 composer.json 中编写

"require": {
    ...
    "atelierspierrot/famfamfam-flags-sprite": "dev-master"
}

此包具有 library-assets 类型，允许通过 Composer 的扩展 Assets Manager 处理。如果您计划使用管理器，您可以使用包的 assets-install 分支，其中包含 AssetsManager 的需求（以确保它在精灵之前加载，并能够在项目资源中移动它）。

一旦包包含到您的项目中，您就可以开始使用精灵框架了。

为此，您首先需要包含 CSS 定义

<link rel="stylesheet" href="path/to/package/src/flags-sprite.min.css" />

然后您可以使用下面的框架开始编写一些旗帜图标 span。

在全局包的 demo/ 中有一个演示页面；它特别显示了可用的图标及其名称。

此包定义了一些用于轻松渲染图标并尽可能减少工作的 CSS 精灵 类。

使用精灵的 CSS 框架基于两个类

例如，要渲染美国国旗（代码为"us"），你需要编写

<span class="flag-icon us"></span>

由于精灵没有使用限制性的CSS规则进行定义，你可能会遇到渲染问题（例如，文档中全局定义的边距或填充），这些问题可以通过添加一个reset类到你的图标中避免

<span class="flag-icon reset print"></span>

如上所述，原始图标集由FamFamFam（Mark James - UK）制作，并按照免费许可提出。

精灵是在website-performance.org的帮助下生成的，并且是CSS3有效的。

包的CSS文件的压缩版本是用YUI Compressor处理的。

PNG精灵是通过Smush.it (TM)进行优化的。