mirror of
https://github.com/ryanoasis/nerd-fonts.git
synced 2025-01-06 21:49:40 +02:00
Adds revamped Features section
This commit is contained in:
Ryan L McIntyre
parent
a71571cf27
commit
8b30d255c4
7
_includes/css/bootstrap-grid.min.css
vendored
Normal file
7
_includes/css/bootstrap-grid.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
_includes/css/bootstrap-grid.min.css.map
Normal file
1
_includes/css/bootstrap-grid.min.css.map
Normal file
File diff suppressed because one or more lines are too long
@ -9,43 +9,137 @@ fa-icon: gears
|
||||
|
||||
# Features
|
||||
|
||||
<div class="container">
|
||||
<div class="half column nerd-font-badges" markdown="1">
|
||||
- Fonts compatabile with **Linux**, **macOS**, and **Windows**
|
||||
- A [FontForge Python Script](https://github.com/ryanoasis/nerd-fonts#font-patcher) to patch any font
|
||||
- **`43`** already [patched font families](#downloads)
|
||||
- **`1.6k+`** glyphs/icons combined, current glyph sets include:
|
||||
- [Powerline with Extra Symbols][ryanoasis-powerline-extra-symbols]
|
||||
- [Font Awesome][font-awesome]
|
||||
- [Font Awesome Extension][font-awesome-extension]
|
||||
- [Material Design Icons][font-material-design-icons]
|
||||
- [Weather][font-weather]
|
||||
- [Devicons][vorillaz-devicons]
|
||||
- [Octicons][octicons]
|
||||
- [Font Linux][font-linux]
|
||||
- [Pomicons][gabrielelana-pomicons]
|
||||
- Over **`1.2 million`** unique combinations/variations of patched fonts [(more details)](https://github.com/ryanoasis/nerd-fonts#combinations) possible
|
||||
- A Developer/Contributor provided [Bash Script](https://github.com/ryanoasis/nerd-fonts#gotta-patch-em-all-font-patcher) to re-patch all the fonts
|
||||
</div>
|
||||
<div class="half column">
|
||||
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner1">
|
||||
<img src="/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
|
||||
</div>
|
||||
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner2">
|
||||
<div>
|
||||
<b class="nf2"><i class="nerd-font nf-seti-css"></i>.css</b> <b class="nf1"><i class="nerd-font nf-dev-javascript"></i>.js</b><br/>
|
||||
<b class="nf3"><i class="nerd-font nf-dev-html5"></i>.html</b> <b class="nf4"><i class="nerd-font nf-seti-json"></i>.json</b><br/>
|
||||
<b class="nf6"><i class="nerd-font nf-seti-grunt"></i> Gruntfile.json</b> <i class="nerd-font nf-dev-react"></i>react.jsx<br/>
|
||||
<b class="nf7"><i class="nerd-font nf-dev-angular"></i>angular.js</b> <b class="nf2"><i class="nerd-font nf-dev-jquery"></i>jquery.js</b> <b class="nf6"><i class="nerd-font nf-seti-markdown"></i>.md</b><br/>
|
||||
<b class="nf2"><i class="nerd-font nf-dev-git"></i> git </b> <b class="nf4"><i class="nerd-font nf-seti-php"></i> php </b> <b class="nf3"><i class="nerd-font nf-dev-terminal"></i> .sh</b><br/>
|
||||
<b class="nf2"><i class="nerd-font nf-fa-image"></i> png </b> <b class="nf4"><i class="nerd-font nf-dev-haskell"></i> lhs </b><br/>
|
||||
<b class="nf3"><i class="nerd-font nf-custom-folder_npm"></i> node_modules</b><br/>
|
||||
<b class="nf2"><i class="nerd-font nf-custom-folder_github"></i> .git</b><br/>
|
||||
<div class="container feature-sections">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 d-flexx">
|
||||
<div class="feature-section">
|
||||
<h2>All the icons!</h2>
|
||||
<h3>1,600+ icons combined from popular sets</h3>
|
||||
<div class="row">
|
||||
<!-- <div class="col-sm-12 col-md-8 col-lg-8"> -->
|
||||
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
|
||||
<div>
|
||||
<b class="nf2"><i class="nf nf-seti-css"></i>.css</b> <b class="nf1"><i class="nf nf-dev-javascript"></i>.js</b><br/>
|
||||
<b class="nf3"><i class="nf nf-dev-html5"></i>.html</b> <b class="nf4"><i class="nf nf-seti-json"></i>.json</b><br/>
|
||||
<b class="nf6"><i class="nf nf-seti-grunt"></i> Gruntfile.json</b> <i class="nf nf-dev-react"></i>react.jsx<br/>
|
||||
<b class="nf7"><i class="nf nf-dev-angular"></i>angular.js</b> <b class="nf2"><i class="nf nf-dev-jquery"></i>jquery.js</b> <b class="nf6"><i class="nf nf-seti-markdown"></i>.md</b><br/>
|
||||
<b class="nf2"><i class="nf nf-dev-git"></i> git </b> <b class="nf4"><i class="nf nf-seti-php"></i> php </b> <b class="nf3"><i class="nf nf-dev-terminal"></i> .sh</b><br/>
|
||||
<b class="nf2"><i class="nf nf-fa-image"></i> png </b> <b class="nf4"><i class="nf nf-dev-haskell"></i> lhs </b><br/>
|
||||
<b class="nf3"><i class="nf nf-custom-folder_npm"></i> node_modules</b><br/>
|
||||
<b class="nf2"><i class="nf nf-custom-folder_github"></i> .git</b><br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- end inner row -->
|
||||
<div class="row">
|
||||
<!--</div> end inner col -->
|
||||
<!-- <div class="col-sm-12 col-md-4 col-lg-4"> -->
|
||||
<ul>
|
||||
<li><a href="https://github.com/ryanoasis/powerline-extra-symbols">Powerline with Extra Symbols</a></li>
|
||||
<li><a href="https://github.com/FortAwesome/Font-Awesome">Font Awesome</a></li>
|
||||
<li><a href="https://github.com/AndreLGava/font-awesome-extension">Font Awesome Extension</a></li>
|
||||
<li><a href="https://github.com/Templarian/MaterialDesign">Material Design Icons</a></li>
|
||||
<li><a href="https://github.com/erikflowers/weather-icons">Weather</a></li>
|
||||
<li><a href="http://vorillaz.github.io/devicons/">Devicons</a></li>
|
||||
<li><a href="https://github.com/github/octicons">Octicons</a></li>
|
||||
<li><a href="https://github.com/Lukas-W/font-linux">Font Linux</a></li>
|
||||
<li><a href="https://github.com/gabrielelana/pomicons">Pomicons</a></li>
|
||||
</ul>
|
||||
<!--</div> end inner col -->
|
||||
</div><!-- end inner row -->
|
||||
<h4 class="inlineblock bg-blue text-white nerd-font-button">
|
||||
<i class="nf nf-fa-search"></i>
|
||||
<a href="/cheat-sheet" class="inlineblock">Search Icons Cheat Sheet</a>
|
||||
</h4>
|
||||
</div><!-- end feature-section -->
|
||||
</div><!-- end col -->
|
||||
<div class="col-xs-12 col-md-6 col-lg-6">
|
||||
<div class="feature-section">
|
||||
<h2>The best fonts</h2>
|
||||
<h3>40+ patched and ready to use fonts</h3>
|
||||
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
|
||||
<div>
|
||||
<img src="/img/nerd-fonts-patched-fonts.svg" alt="Preview of Patched Fonts">
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Hack</li>
|
||||
<li>FiraCode</li>
|
||||
<li>Meslo</li>
|
||||
<li>Source Code Pro</li>
|
||||
<li>Terminus</li>
|
||||
<li>Monoid</li>
|
||||
<li>Noto</li>
|
||||
<li>Iosevka</li>
|
||||
<li>and many more ...</li>
|
||||
</ul>
|
||||
<h4 class="inlineblock bg-blue text-white nerd-font-button">
|
||||
<i class="nf nf-fa-download"></i>
|
||||
<a href="/font-downloads" class="inlineblock">Downloads</a>
|
||||
</h4>
|
||||
</div><!-- end feature-section -->
|
||||
<div class="feature-section">
|
||||
<h2>Cross Platform</h2>
|
||||
<h3>Ready to use on any OS platforms and web</h3>
|
||||
<img src="https://raw.githubusercontent.com/wiki/ryanoasis/nerd-fonts/images/faux-shield-badge-os-logos.svg?sanitize=true" style="width:150px" alt="Nerd Fonts - OS Support">
|
||||
</div><!-- end feature-section -->
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row 1 -->
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-6 col-lg-6">
|
||||
<div class="feature-section">
|
||||
<h2>Terminal & CLI Tools</h2>
|
||||
<h3>Supported out of the box by many projects</h3>
|
||||
<div class="row">
|
||||
<!-- <div class="col-sm-12 col-md-7 col-lg-7"> -->
|
||||
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
|
||||
<img src="/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div><!-- end inner row -->
|
||||
<div class="row">
|
||||
<!-- <div class="col-sm-12 col-md-5 col-lg-5"> -->
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://p9k.org/" target="_blank" aria-label="Go to Powerlevel9k Home Page" rel="noreferrer">Powerlevel9k</a>
|
||||
<ul>
|
||||
<li>The most awesome Powerline theme for ZSH around!</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/Peltoche/lsd" target="_blank" aria-label="Go to lsd Github Page" rel="noreferrer">lsd</a>
|
||||
<ul>
|
||||
<li>The next gen ls command</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/athityakumar/colorls" target="_blank" aria-label="Go to colorls Github Page" rel="noreferrer">colorls</a>
|
||||
<ul>
|
||||
<li>A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/ryanoasis/vim-devicons" target="_blank" aria-label="Go to VimDevIcons Github Page" rel="noreferrer">VimDevIcons</a>
|
||||
<ul>
|
||||
<li>Adds Icons to your Vim Plugins</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>... and many more on: <a href="https://github.com/search?q=nerd+fonts&type=Topics" target="_blank" aria-label="Go to Github Nerd Fonts Topic results" rel="noreferrer">Github</a> and <a href="https://gitlab.com/search?utf8=%E2%9C%93&search=%22nerd+fonts%22&group_id=&project_id=&repository_ref=" target="_blank" aria-label="Go to GitLab Nerd Fonts results" rel="noreferrer">GitLab</a></li>
|
||||
</ul>
|
||||
<!-- </div> -->
|
||||
</div><!-- end inner row -->
|
||||
</div><!-- end feature-section -->
|
||||
</div><!-- end col -->
|
||||
<div class="col-xs-12 col-md-6 col-lg-6 d-flex">
|
||||
<div class="feature-section">
|
||||
<h2>Font Patcher Script</h2>
|
||||
<h3>Create your own customized patched fonts</h3>
|
||||
<p>Use the provided <a href="https://github.com/ryanoasis/nerd-fonts#font-patcher">FontForge Python Script</a> to patch your own font or to generate over
|
||||
<strong><code class="highlighter-rouge">1.2 million</code></strong> unique combinations/variations <small><a href="https://github.com/ryanoasis/nerd-fonts#combinations">(more details)</a></small>
|
||||
</p>
|
||||
</div><!-- end feature-section -->
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row -->
|
||||
</div>
|
||||
|
||||
<!--
|
||||
Repo References
|
||||
|
||||
Loading…
Reference in New Issue
Block a user