linux/nerd-fonts
0
0
Fork 0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-09-19 09:51:48 +02:00
Code Issues Projects Releases Wiki Activity
nerd-fonts/_posts/2017-01-02-features.md

243 lines
14 KiB
Markdown
Raw Normal View History

Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
---
title: "Features"
Mobile layout fixes and tweaks
2018-03-11 18:35:55 +01:00
short_title: "Features"
Fixes readability (contrast ratio)
2019-07-25 23:27:33 +02:00
bg: "#69bfc6"
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
color: black
style: left
fa-icon: gears
---
Adds missing title
2018-03-11 19:16:31 +01:00
# Features
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<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>
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
</div>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</div><!-- end inner row -->
<div class="row">
<!--</div> end inner col -->
<!-- <div class="col-sm-12 col-md-4 col-lg-4"> -->
<ul>
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<li><a target="_blank" aria-label="Go to XYZ Page" rel="noreferrer" href="https://github.com/ryanoasis/powerline-extra-symbols">Powerline Extra Symbols</a></li>
<li><a target="_blank" aria-label="Go to Font Awesome Page" rel="noreferrer" href="https://github.com/FortAwesome/Font-Awesome">Font Awesome</a></li>
<li><a target="_blank" aria-label="Go to Font Awesome Extension Page" rel="noreferrer" href="https://github.com/AndreLGava/font-awesome-extension">Font Awesome Extension</a></li>
<li><a target="_blank" aria-label="Go to Material Design Icons Page" rel="noreferrer" href="https://github.com/Templarian/MaterialDesign">Material Design Icons</a></li>
<li><a target="_blank" aria-label="Go to Weather Icons Page" rel="noreferrer" href="https://github.com/erikflowers/weather-icons">Weather Icons</a></li>
<li><a target="_blank" aria-label="Go to Devicons Page" rel="noreferrer" href="http://vorillaz.github.io/devicons/">Devicons</a></li>
<li><a target="_blank" aria-label="Go to Octicons Page" rel="noreferrer" href="https://github.com/github/octicons">Octicons</a></li>
<li><a target="_blank" aria-label="Go to Font Logos Page" rel="noreferrer" href="https://github.com/Lukas-W/font-linux">Font Logos (Formerly Font Linux)</a></li>
<li><a target="_blank" aria-label="Go to Pomicons Page" rel="noreferrer" href="https://github.com/gabrielelana/pomicons">Pomicons</a></li>
<li><a target="_blank" aria-label="Go to IEC Power Symbols Page" rel="noreferrer" href="https://unicodepowersymbol.com/">IEC Power Symbols</a></li>
<li><a target="_blank" aria-label="Go to Seti-UI + Custom Source Page" rel="noreferrer" href="https://github.com/ryanoasis/nerd-fonts/blob/master/src/glyphs/original-source.otf">Seti-UI + Custom</a></li>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</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">
SEO tweaks
2019-08-04 13:50:35 +02:00
<h2>The best developer fonts</h2>
<h3>40+ patched and ready to use programming fonts</h3>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
<div>
Moved and fixed images, clean-up
2019-07-27 16:01:25 +02:00
<img src="/assets/img/nerd-fonts-patched-fonts.svg" alt="Preview of Patched Fonts">
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</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 -->
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<div class="row">
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<div class="col-xs-12 col-md-12 col-lg-12">
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<div class="feature-section">
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<h2>Supported in major projects</h2>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<h3>Supported out of the box by many projects</h3>
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<section class="row">
<div class="col-xs-12 col-md-3 col-lg-4">
<a href="https://github.com/Powerlevel9k/powerlevel9k/" target="_blank" aria-label="Go to Powerlevel9k Home Page" rel="noreferrer"><h3><img src="/assets/img/pl9k-Fully-Rendered.svg" alt="Powerlevel9k" /></h3>
<h4>Powerlevel9k</h4></a><p>The most awesome Powerline theme for ZSH around!</p>
<h3 class="faux-logo"><a href="https://github.com/athityakumar/colorls" target="_blank" aria-label="Go to colorls Github Page" rel="noreferrer">colorls</a></h3>
<!-- <h4>colorls</h4> --><p>A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons</p>
</div>
<div class="col-xs-12 col-md-3 col-lg-4">
<a href="https://github.com/ryanoasis/vim-devicons" target="_blank" aria-label="Go to The Fish Shell Framework Github Page" rel="noreferrer">
<h3><img src="/assets/img/Fish-Shell-Network.svg" alt="The Fish Shell Framework" /></h3>
<h4>The Fish Shell Framework</h4></a><p>Oh My Fish provides core infrastructure to allow you to install packages which extend or modify the look of your shell. It's fast, extensible and easy to use.</p>
</div>
<div class="col-xs-12 col-md-3 col-lg-4">
<a href="https://github.com/ryanoasis/vim-devicons" target="_blank" aria-label="Go to VimDevIcons Github Page" rel="noreferrer"><h3><img src="/assets/img/VimDevIcons.svg" alt="VimDevIcons" /></h3>
<h4>VimDevIcons</h4></a><p>Adds Icons to your Vim Plugins</p>
<h3 class="faux-logo"><a href="https://github.com/Peltoche/lsd" target="_blank" aria-label="Go to LSD (LSDeluxe) Github Page" rel="noreferrer">LSD (LSDeluxe)</a></h3>
<!-- <h4>LSD (LSDeluxe)</h4> --><p>The next gen ls command. Written in Rust and fast.</p>
... 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></div>
</section>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-12 col-lg-12">
<div class="feature-section">
SEO tweaks
2019-08-04 13:50:35 +02:00
<h2>Terminal Fonts Examples</h2>
<h3>Experiment &amp; see what's possible in the terminal with Powerline &amp; other glyphs</h3>
<div class="row center">
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<!-- <div class="col-sm-12 col-md-7 col-lg-7"> -->
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
Moved and fixed images, clean-up
2019-07-27 16:01:25 +02:00
<img src="/assets/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</div>
<!-- </div> -->
</div><!-- end inner row -->
</div><!-- end feature-section -->
</div><!-- end col -->
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
</div><!-- end row -->
<div class="row">
<div class="col-xs-12 col-md-12 col-lg-12">
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<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
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<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>.<br/><br/>You can even specify a custom symbol font with the <strong><code class="highlighter-rouge">--custom</code></strong> option to include even more glyphs.
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</p>
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<details>
<summary>Show Font Patcher CLI</summary>
<div markdown="1">
```
./font-patcher
usage: font-patcher
[-h] [-v] [-s] [-l] [-q] [-w] [-c] [--careful]
[--removeligs] [--postprocess [POSTPROCESS]]
[--configfile [CONFIGFILE]] [--custom [CUSTOM]]
[-ext [EXTENSION]] [-out [OUTPUTDIR]]
[--progressbars | --no-progressbars] [--fontawesome]
[--fontawesomeextension] [--fontlinux] [--octicons]
[--powersymbols] [--pomicons] [--powerline]
[--powerlineextra] [--material] [--weather]
font
Nerd Fonts Font Patcher: patches a given font with programming and development related glyphs
* Website: https://www.nerdfonts.com
* Version: 2.1.0-alpha
* Development Website: https://github.com/ryanoasis/nerd-fonts
* Changelog: https://github.com/ryanoasis/nerd-fonts/blob/master/changelog.md
positional arguments:
font The path to the font to patch (e.g., Inconsolata.otf)
optional arguments:
-h, --help show this help message and exit
-v, --version show program's version number and exit
-s, --mono, --use-single-width-glyphs
Whether to generate the glyphs as single-width not double-width (default is double-width)
-l, --adjust-line-height
Whether to adjust line heights (attempt to center powerline separators more evenly)
-q, --quiet, --shutup
Do not generate verbose output
-w, --windows Limit the internal font name to 31 characters (for Windows compatibility)
-c, --complete Add all available Glyphs
--careful Do not overwrite existing glyphs if detected
--removeligs, --removeligatures
Removes ligatures specificed in JSON configuration file
--postprocess [POSTPROCESS]
Specify a Script for Post Processing
--configfile [CONFIGFILE]
Specify a file path for JSON configuration file (see sample: src/config.sample.json)
--custom [CUSTOM] Specify a custom symbol font. All new glyphs will be copied, with no scaling applied.
-ext [EXTENSION], --extension [EXTENSION]
Change font file type to create (e.g., ttf, otf)
-out [OUTPUTDIR], --outputdir [OUTPUTDIR]
The directory to output the patched font file to
--progressbars Show percentage completion progress bars per Glyph Set
--no-progressbars Don't show percentage completion progress bars per Glyph Set
Symbol Fonts:
--fontawesome Add Font Awesome Glyphs (http://fontawesome.io/)
--fontawesomeextension
Add Font Awesome Extension Glyphs (https://andrelzgava.github.io/font-awesome-extension/)
--fontlinux, --fontlogos
Add Font Linux and other open source Glyphs (https://github.com/Lukas-W/font-logos)
--octicons Add Octicons Glyphs (https://octicons.github.com)
--powersymbols Add IEC Power Symbols (https://unicodepowersymbol.com/)
--pomicons Add Pomicon Glyphs (https://github.com/gabrielelana/pomicons)
--powerline Add Powerline Glyphs
--powerlineextra Add Powerline Glyphs (https://github.com/ryanoasis/powerline-extra-symbols)
--material, --materialdesignicons, --mdi
Add Material Design Icons (https://github.com/templarian/MaterialDesign)
--weather, --weathericons
Add Weather Icons (https://github.com/erikflowers/weather-icons)
```
</div>
</details>
<br/>
<br/>
<h4 class="inlineblock bg-blue text-white nerd-font-button">
<i class="nf nf-mdi-script"></i>
<a href="https://raw.githubusercontent.com/ryanoasis/nerd-fonts/master/font-patcher" class="inlineblock">Download Patcher</a>
</h4>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</div><!-- end feature-section -->
</div><!-- end col -->
</div><!-- end row -->
</div>
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
<!--
Repo References
-->
[vim-devicons]:https://github.com/ryanoasis/vim-devicons "VimDevIcons Vim Plugin (external link) ➶"
[vorillaz-devicons]:http://vorillaz.github.io/devicons/
[font-awesome]:https://github.com/FortAwesome/Font-Awesome
[font-awesome-extension]:https://github.com/AndreLGava/font-awesome-extension
Updates some stats for v2.0.0 release
2018-04-03 23:37:56 +02:00
[font-material-design-icons]:https://github.com/Templarian/MaterialDesign
[font-weather]:https://github.com/erikflowers/weather-icons
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
[octicons]:https://github.com/github/octicons
[font-linux]:https://github.com/Lukas-W/font-linux
[gabrielelana-pomicons]:https://github.com/gabrielelana/pomicons
[Seti-UI]:https://atom.io/themes/seti-ui
[ryanoasis-powerline-extra-symbols]:https://github.com/ryanoasis/powerline-extra-symbols
[wiki]:https://github.com/ryanoasis/nerd-fonts/wiki
[wiki-project-purpose]:https://github.com/ryanoasis/nerd-fonts/wiki/Project-Purpose
[repo]:https://github.com/ryanoasis/nerd-fonts
[gitter]:https://gitter.im/ryanoasis/nerd-fonts
Reference in a new issue Copy permalink