thanthos/Font-Awesome-Pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release 5.0.0-rc5

Browse Source
This commit is contained in:
robmadole
2017-11-28 12:57:22 -06:00
committed by Rob Madole
parent 763666f11d
commit 267ce7f795
4577 changed files with 95745 additions and 19257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
docs/webfont.html
View File

@@ -7,11 +7,11 @@
<title>Web Font Demo - Font Awesome 5</title>
<link rel="stylesheet" href="../css/fontawesome-pro-core.css">
<link rel="stylesheet" href="../css/fontawesome-pro-solid.css">
<link rel="stylesheet" href="../css/fontawesome-pro-regular.css">
<link rel="stylesheet" href="../css/fontawesome-pro-light.css">
<link rel="stylesheet" href="../css/fontawesome-pro-brands.css">
<link rel="stylesheet" href="../on-server/css/fontawesome.min.css">
<link rel="stylesheet" href="../on-server/css/fa-solid.min.css">
<link rel="stylesheet" href="../on-server/css/fa-regular.min.css">
<link rel="stylesheet" href="../on-server/css/fa-light.min.css">
<link rel="stylesheet" href="../on-server/css/fa-brands.min.css">
<!-- font awesome team specific styling. ignore/replace with your own -->
<script src="https://use.fortawesome.com/349cfdf6.js"></script>
@@ -65,7 +65,7 @@
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-clock-r fa5-lg"></i></span>
<span class="fw6">Recently Added</span>
</a>
<a href="../docs/svg-framework.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/svg-with-js.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-magic-r fa5-lg"></i></span>
<span class="fw6">SVG Framework</span>
</a>
@@ -129,7 +129,7 @@
<div id="renderings">
<section id="fas" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Solid <span class="pl3 gray5 fr mt1 f3">617 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Solid <span class="pl3 gray5 fr mt1 f3">619 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -2328,6 +2328,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/compress-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fas fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf422;</i></span>
<span class="dib v-mid">f422</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/compress-wide.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -2772,6 +2784,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/expand-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fas fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf424;</i></span>
<span class="dib v-mid">f424</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/expand-arrows.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -7540,7 +7564,7 @@
</section>
<section id="far" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Regular <span class="pl3 gray5 fr mt1 f3">617 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Regular <span class="pl3 gray5 fr mt1 f3">619 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -9739,6 +9763,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/compress-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="far fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf422;</i></span>
<span class="dib v-mid">f422</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/compress-wide.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -10183,6 +10219,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/expand-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="far fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf424;</i></span>
<span class="dib v-mid">f424</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/expand-arrows.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -14951,7 +14999,7 @@
</section>
<section id="fal" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Light <span class="pl3 gray5 fr mt1 f3">617 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Light <span class="pl3 gray5 fr mt1 f3">619 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -17150,6 +17198,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/compress-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fal fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf422;</i></span>
<span class="dib v-mid">f422</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/compress-wide.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -17594,6 +17654,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/expand-alt.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fal fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf424;</i></span>
<span class="dib v-mid">f424</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/expand-arrows.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -22362,7 +22434,7 @@
</section>
<section id="fab">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Brands &amp; Logos <span class="pl3 gray5 fr mt1 f3">311 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Brands &amp; Logos <span class="pl3 gray5 fr mt1 f3">319 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -22509,6 +22581,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/angular.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-angular"></i>
</a>
<span class="mt1 f2 fw6 gray5">angular</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf420;</i></span>
<span class="dib v-mid">f420</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/app-store.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -22617,6 +22701,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/aviato.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-aviato"></i>
</a>
<span class="mt1 f2 fw6 gray5">aviato</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf421;</i></span>
<span class="dib v-mid">f421</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/aws.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -23349,6 +23445,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/ember.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-ember"></i>
</a>
<span class="mt1 f2 fw6 gray5">ember</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf423;</i></span>
<span class="dib v-mid">f423</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/empire.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -23541,6 +23649,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/font-awesome-flag.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-font-awesome-flag"></i>
</a>
<span class="mt1 f2 fw6 gray5">font-awesome-flag</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf425;</i></span>
<span class="dib v-mid">f425</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/fonticons.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -23757,6 +23877,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/gitter.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-gitter"></i>
</a>
<span class="mt1 f2 fw6 gray5">gitter</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf426;</i></span>
<span class="dib v-mid">f426</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/glide.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -23997,6 +24129,18 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/hooli.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-hooli"></i>
</a>
<span class="mt1 f2 fw6 gray5">hooli</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf427;</i></span>
<span class="dib v-mid">f427</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/hotjar.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -25425,6 +25569,30 @@
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/strava.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-strava"></i>
</a>
<span class="mt1 f2 fw6 gray5">strava</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf428;</i></span>
<span class="dib v-mid">f428</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/stripe.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-stripe"></i>
</a>
<span class="mt1 f2 fw6 gray5">stripe</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf429;</i></span>
<span class="dib v-mid">f429</span>
</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/studiovinari.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -26187,10 +26355,10 @@
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center">
<div data-example-container="style-list-example">
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>List icons</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fal fa-square"></i>as bullets</li>
<li><i class="fa-li fal fa-square"></i>in lists</li>
<li><span class="fa-li"><i class="fa fa-check-square"></i></span>List icons</li>
<li><span class="fa-li"><i class="fa fa-check-square"></i></span>can be used</li>
<li><span class="fa-li"><i class="fal fa-square"></i></span>as bullets</li>
<li><span class="fa-li"><i class="fal fa-square"></i></span>in lists</li>
</ul>
</div>
</div>