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

70
docs/index.html
View File

@@ -7,18 +7,18 @@
<title>Getting Started - Font Awesome 5</title>
<script defer src="../js/packs/light.min.js"></script>
<script defer src="../js/packs/regular.min.js"></script>
<script defer src="../js/packs/solid.min.js"></script>
<script defer src="../js/packs/brands.min.js"></script>
<script defer src="../js/fontawesome.min.js"></script>
<script defer src="../on-server/js/fa-light.min.js"></script>
<script defer src="../on-server/js/fa-regular.min.js"></script>
<script defer src="../on-server/js/fa-solid.min.js"></script>
<script defer src="../on-server/js/fa-brands.min.js"></script>
<script defer src="../on-server/js/fontawesome.min.js"></script>
<noscript>
<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">
</noscript>
<!-- font awesome team specific styling. ignore/replace with your own -->
@@ -73,7 +73,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>
@@ -143,7 +143,7 @@
<div class="bg-white shadow-2 w-third br2 ba b--blue4 pa4 z-2 scale3">
<h3 class="mt0 mb2 fw6 f4">
<a class="link blue4 underline-hover hover-blue" href="#svg-framework">SVG Framework</a>
<a class="link blue4 underline-hover hover-blue" href="#svg-with-js">SVG Framework</a>
</h3>
<p class="lh-copy mv0 fw6">Uses the ridiculously flexible and powerful scalable vector graphics format (SVG).</p>
@@ -180,7 +180,7 @@
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="svg-framework" class="bt bw2 b--green0 bg-white br2 br--bottom pa4 relative">
<section id="svg-with-js" class="bt bw2 b--green0 bg-white br2 br--bottom pa4 relative">
<h2 class="mt0 mb2 b f5">
Use Icons via SVG Framework
</h2>
@@ -199,7 +199,7 @@
Grab the base Font Awesome loader at <code class="orange4">/js/fontawesome.js</code>.
</li>
<li class="lh-copy pl1 mb3">
Grab one or more of the styles (ex: <code class="orange4">/js/packs/solid.js</code>) in the <code class="orange4">/js/packs</code> directory.
Grab one or more of the styles (ex: <code class="orange4">/js/fa-solid.js</code>) in the <code class="orange4">/js</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Place these files in your project static files.
@@ -216,7 +216,7 @@
<h3 class="mt0 mb3 f3 fw6 gray5">Example:</h3>
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 mb4 overflow-scroll shadow-inset-6 lh-title">
&lt;head&gt;
&lt;script defer src="/js/packs/solid.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-solid.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fontawesome.js"&gt;&lt;/script&gt;
&lt;/head&gt;
@@ -228,8 +228,8 @@
<h3 class="mt0 mb3 f3 fw6 gray5">Example with multiple styles:</h3>
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 mb4 overflow-scroll shadow-inset-6 lh-title">
&lt;head&gt;
&lt;script defer src="/js/packs/light.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/packs/regular.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-light.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-regular.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fontawesome.js"&gt;&lt;/script&gt;
&lt;/head&gt;
@@ -240,7 +240,7 @@
</div>
<div class="mb4">
<p class="mt0 mb3 lh-copy pa4 br2 bg-green0">Need another example? Check out the <a href="svg-framework.html" class="link blue4 underline-hover hover-blue fw6">SVG Framework demo</a>.</p>
<p class="mt0 mb3 lh-copy pa4 br2 bg-green0">Need another example? Check out the <a href="svg-with-js.html" class="link blue4 underline-hover hover-blue fw6">SVG Framework demo</a>.</p>
<p class="mv0 lh-copy pa4 br2 bg-green0">Need Font Awesome 4 icon names that are missing in 5? Learn how to <a href="#shim" class="link blue4 underline-hover hover-blue fw6">shim using the JavaScript version.</a></p>
</div>
@@ -336,13 +336,13 @@
<ol class="mt0 mb4 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Grab the base Font Awesome icon font supporting styling at <code class="orange4">/css/fontawesome-pro-core.css</code>
Grab the base Font Awesome icon font supporting styling at <code class="orange4">/css/fontawesome.css</code>
</li>
<li class="lh-copy pl1 mb3">
Grab one or more of the style CSS files (ex. <code class="orange4">/css/fontawesome-pro-light.css</code>) in the <code class="orange4">/css</code> directory.
Grab one or more of the style CSS files (ex. <code class="orange4">/css/fa-light.css</code>) in the <code class="orange4">/css</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Grab the corresponding web font files (ex. <code class="orange4">/webfonts/fontawesome-pro-light-300.woff2</code>) in the <code class="orange4">/webfonts</code> directory.
Grab the corresponding web font files (ex. <code class="orange4">/webfonts/fa-light-300.woff2</code>) in the <code class="orange4">/webfonts</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Place these files in your project static files.
@@ -358,8 +358,8 @@
<h3 class="mt0 mb3 f3 fw6 gray5">Example:</h3>
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 mb4 overflow-scroll shadow-inset-6 lh-title">
&lt;head&gt;
&lt;link rel="stylesheet" href="/css/fontawesome-pro-solid.css"&gt;
&lt;link rel="stylesheet" href="/css/fontawesome-pro-core.css"&gt;
&lt;link rel="stylesheet" href="/css/fa-solid.css"&gt;
&lt;link rel="stylesheet" href="/css/fontawesome.css"&gt;
&lt;/head&gt;
&lt;body&gt;
@@ -370,9 +370,9 @@
<h3 class="mt0 mb3 f3 fw6 gray5">Example with multiple styles:</h3>
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 mb4 overflow-scroll shadow-inset-6 lh-title">
&lt;head&gt;
&lt;link rel="stylesheet" href="/css/fontawesome-pro-light.css"&gt;
&lt;link rel="stylesheet" href="/css/fontawesome-pro-regular.css"&gt;
&lt;link rel="stylesheet" href="/css/fontawesome-pro-core.css"&gt;
&lt;link rel="stylesheet" href="/css/fa-light.css"&gt;
&lt;link rel="stylesheet" href="/css/fa-regular.css"&gt;
&lt;link rel="stylesheet" href="/css/fontawesome.css"&gt;
&lt;/head&gt;
&lt;body&gt;
@@ -476,7 +476,7 @@
<ol class="mt0 mb4 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Grab one of the sprite files (<code class="orange4">/sprites/solid.svg</code>) in the <code class="orange4">/sprites</code> directory.
Grab one of the sprite files (<code class="orange4">/sprites/fa-solid.svg</code>) in the <code class="orange4">/sprites</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Place this file in your project static files.
@@ -490,7 +490,7 @@
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 mb4 overflow-scroll shadow-inset-6 lh-title">
&lt;body&gt;
&lt;svg&gt;
&lt;use xlink:href="solid.svg#user"&gt;&lt;/use&gt;
&lt;use xlink:href="fa-solid.svg#user"&gt;&lt;/use&gt;
&lt;/svg&gt;
&lt;/body&gt;
</div>
@@ -602,7 +602,7 @@
<h3 class="mt0 mb3 f4 fw6 gray7">Set Up</h3>
<ol class="mv0 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Grab one or more of the <strong class="b">.otf font files</strong> for the icon styles you want to use (ex. <code class="orange4">/webfonts/fontawesome-pro-light-300.otf</code>) in the <code class="orange4">/webfonts</code> directory.
Grab one or more of the <strong class="b">.otf font files</strong> for the icon styles you want to use (ex. <code class="orange4">/webfonts/fa-light-300.otf</code>) in the <code class="orange4">/webfonts</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Add them to your Font Management Software (for Macs that often Font Book or Font Explorer X).
@@ -665,7 +665,7 @@
</div>
</li>
<li class="lh-copy pl1 mb3">
Pick your method of using Font Awesome 5: <a href="#svg-framework" class="link underline color-inherit hover-blue4">SVG Framework</a>, <a href="#webfont" class="link underline color-inherit hover-blue4">Web Font Framework</a>, or <a href="#svg-sprites" class="link underline color-inherit hover-blue4">SVG Sprite</a>.
Pick your method of using Font Awesome 5: <a href="#svg-with-js" class="link underline color-inherit hover-blue4">SVG Framework</a>, <a href="#webfont" class="link underline color-inherit hover-blue4">Web Font Framework</a>, or <a href="#svg-sprites" class="link underline color-inherit hover-blue4">SVG Sprite</a>.
</li>
<li class="lh-copy pl1 mb3">
Follow the instructions and example code + demos for the method you've chosen.
@@ -708,10 +708,10 @@
<h3 class="mt0 mb3 f3 fw6 gray5">Example Font Awesome version 4 shim (JavaScript method only):</h3>
<div data-highlight class="bg-gray7 br2 bl bw3 b--gray6 pa4 overflow-scroll shadow-inset-6">
&lt;head&gt;
&lt;script defer src="/js/packs/regular.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/packs/brands.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/packs/solid.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/v4-shims.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-regular.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-brands.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-solid.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fa-v4-shims.js"&gt;&lt;/script&gt;
&lt;script defer src="/js/fontawesome.js"&gt;&lt;/script&gt;
&lt;/head&gt;
@@ -734,7 +734,7 @@
<h2 class="mt0 mb2 b f5">Questions? Comments? Feedback?</h2>
<p class="mv0 f3 lh-copy gray7">
We're working on a release candidate of Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/822" class="link blue4 underline-hover hover-blue" target="_blank">feedback about this release specifically in our designated thread</a>. Design feedback, bugs and questions are welcome there. For future feature and icon requests, check out <a href="https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/CONTRIBUTING.md" class="link blue4 underline-hover hover-blue" target="_blank">our contributing doc</a>.
We're working on a release candidate of Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/876" class="link blue4 underline-hover hover-blue" target="_blank">feedback about this release specifically in our designated thread</a>. Design feedback, bugs and questions are welcome there. For future feature and icon requests, check out <a href="https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/CONTRIBUTING.md" class="link blue4 underline-hover hover-blue" target="_blank">our contributing doc</a>.
</p>
</section>