mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2025-01-15 09:40:29 +08:00
9496b600a8
* adding accessibility informational page * adding in accessibility-minded examples * adding accessibility practices to icon markup example * updating doc site icons with accessibility best practices * updating homepage with accessibility information Fix #6133
36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
---
|
|
layout: base
|
|
title: Font Awesome Cheatsheet
|
|
relative_path: ../
|
|
---
|
|
{% capture jumbotron_h1 %}<i class="fa fa-list-ul" aria-hidden="true"></i> Cheatsheet{% endcapture %}
|
|
{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
|
|
|
|
{% include jumbotron.html %}
|
|
{% include stripe-social.html %}
|
|
|
|
<div class="container">
|
|
{% capture stripe_ad_content %}
|
|
<p class="lead">
|
|
Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page into your designs.
|
|
</p>
|
|
{% endcapture %}
|
|
{% include stripe-ad.html %}
|
|
|
|
<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2>
|
|
|
|
<div class="row">
|
|
{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}
|
|
|
|
{% for icon in sorted_icons %}
|
|
<div class="col-md-4 col-sm-6 col-lg-3">
|
|
{% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %}
|
|
<i class="fa fa-fw" aria-hidden="true"><span class="sr-only">Copy to use {{ icon.class }}</span>&#x{{ icon.unicode }}</i>
|
|
fa-{{ icon.class }}
|
|
{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}
|
|
<span class="text-muted">[&#x{{ icon.unicode }};]</span>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|