Release 5.0.0-rc4
This commit is contained in:
robmadole
@@ -176,6 +176,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="fw6 mt4 mb0 lh-copy tc">Looking to <a class="link blue4 underline-hover hover-blue" href="#desktop">use Font Awesome 5 in desktop applications</a>?</p>
|
||||
|
||||
<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">
|
||||
@@ -304,7 +306,7 @@
|
||||
Android 6, 5, 4
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
iOS 9, 10
|
||||
iOS 9+
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
<abbr class="gray5" title="Not applicable">N/A</abbr>
|
||||
@@ -444,7 +446,7 @@
|
||||
Android 6, 5, 4
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
iOS 9, 10
|
||||
iOS 9+
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
<abbr class="gray5" title="Not applicable">N/A</abbr>
|
||||
@@ -558,7 +560,7 @@
|
||||
Android 6, 5, 4
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
iOS 9, 10
|
||||
iOS 9+
|
||||
</td>
|
||||
<td class="pv3 pr4">
|
||||
<abbr class="gray5" title="Not applicable">N/A</abbr>
|
||||
@@ -592,29 +594,49 @@
|
||||
Advanced
|
||||
</span>
|
||||
|
||||
<p class="mt0 mb3 lh-copy gray7">
|
||||
Want to use Font Awesome 5's icons in your favorite Desktop Design tools or on a print-based project? No problem. Here's how to get that started:
|
||||
<p class="mt0 mb6 lh-copy gray7">
|
||||
Want to use Font Awesome 5's icons in your favorite Desktop Design tools or on a print-based project? No problem. Its super easy with our new icon font ligatures in place.
|
||||
</p>
|
||||
|
||||
<ol class="mt0 mb4 pl3 list-position-outside">
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Grab one or more of the web font files for the icon styles you want to use (ex. <code class="orange4">/webfonts/fontawesome-pro-light-300.ttf</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).
|
||||
</li>
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Activate each added font you want to use in your applications.
|
||||
</li>
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Open a file in a design application (ex. Sketch, Adobe Illustrator, etc.) and create a new text layer/area.
|
||||
</li>
|
||||
<li class="lh-copy pl1">
|
||||
Copy and paste the corresponding Font Awesome 5 glyph you want to add from the <a href="webfont.html" class="link underline color-inherit hover-blue4">webfont demo</a> (the little version of the icon next to each icon's unicode value).
|
||||
</li>
|
||||
</ol>
|
||||
<div class="mb6">
|
||||
<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.
|
||||
</li>
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Add them to your Font Management Software (for Macs that often Font Book or Font Explorer X).
|
||||
</li>
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Activate each added font you want to use in your applications.
|
||||
</li>
|
||||
<li class="lh-copy pl1">
|
||||
Open a file in a design application (ex. Sketch, Adobe Illustrator, etc.) and create a new text layer/area.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="mv0 lh-copy gray7">Or grab one or more of the svg files from any style (ex. <code class="orange4">/svg/solid/user.svg</code>) in the <code class="orange4">/svg</code> directory.</p>
|
||||
<div class="mb6">
|
||||
<h3 class="mt0 mb3 f4 fw6 gray7">Placing Icons</h3>
|
||||
|
||||
<ol class="mv0 pl3 list-position-outside">
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Create a new text layer in a file.
|
||||
</li>
|
||||
<li class="lh-copy pl1 mb3">
|
||||
Change the font family of that layer to the style of Font Awesome icon you'd like to use (e.g. "Font Awesome 5 Pro Regular").
|
||||
</li>
|
||||
<li class="lh-copy pl1">
|
||||
Type <a href="inventory.html" class="link underline color-inherit hover-blue4">any icon's name</a> (e.g. "plus-circle") as text in that layer - the ligatures should transform it into the icon itself!
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="">
|
||||
<h3 class="mt0 mb3 f4 fw6 gray7">Alternative Ways to Work</h3>
|
||||
<p class="mv0 lh-copy gray7">The old way of copying/pasting a Font Awesome 5 glyph (a la the old cheat sheet) still work. Grab one or more of the <strong class="b">.ttf font files</strong> for the icon styles you want and follow the rest of the set up steps above. You can find the <a href="webfont.html" class="link underline color-inherit hover-blue4">webfont demo</a> (the little version of the icon next to each icon's unicode value). Or you can always grab one or more of the svg files from any style (ex. <code class="orange4">/svg/solid/user.svg</code>) in the <code class="orange4">/svg</code> directory.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
|
||||
@@ -712,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/789" 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/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>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user