fonts/nerd-fonts
1
0
Fork 0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00
Code Issues Releases Activity
7c4c5de2dd
nerd-fonts/_posts/2017-01-02-features.md

269 lines
16 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 19:35:55 +02: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
Revamps the fonts downloads page again * better layout and download buttons * lots of misc tweaks * basic flexbox layout
2019-08-18 19:23:37 +02:00
style: container
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
---
Revamps the fonts downloads page again * better layout and download buttons * lots of misc tweaks * basic flexbox layout
2019-08-18 19:23:37 +02:00
<h1 class="center">Features</h1>
Adds missing title
2018-03-11 20:16:31 +02:00
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>
Updates and centralizes statistics
2020-02-01 19:31:49 +02:00
<h3>{{ site.metrics.icons }}+ icons combined from popular sets</h3>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<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>
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
<li><a target="_blank" aria-label="Go to Codicons Page" rel="noreferrer" href="https://github.com/microsoft/vscode-codicons">Codicons</a></li>
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<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>
Updates and centralizes statistics
2020-02-01 19:31:49 +02:00
<h3>{{ site.metrics.fonts }}+ 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">
Fix link address
2019-10-18 04:17:55 +02:00
<a href="https://github.com/oh-my-fish/oh-my-fish" target="_blank" aria-label="Go to The Fish Shell Framework Github Page" rel="noreferrer">
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
<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"> -->
Updates features section with more info and visuals
2019-08-04 13:53:29 +02:00
<div class="col-lg-4">
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
<img src="/assets/img/nerd-fonts-powerline-extra-terminal.png" alt="Preview of Powerline Extra Symbols usage in terminal emulator">
</div>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
</div>
Updates features section with more info and visuals
2019-08-04 13:53:29 +02:00
<div class="col-lg-4">
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
<img src="/assets/img/nerd-fonts-icons-in-terminal.png" alt="Preview of Nerd Fonts Icons usage in terminal emulator">
</div>
</div>
<div class="col-lg-4">
<div class="subtlecircle sectiondivider faicon sectioninner sectioninner3">
<img src="/assets/img/nerd-fonts-icons-in-vim.png" alt="Preview of Nerd Fonts Icons usage in terminal Vim">
</div>
</div>
<p>
Fixes typo
2019-12-08 04:04:52 +02:00
All patched fonts have Powerline symbols, extra powerline symbols and many icons to choose from. Build your own status line, add icons to filetypes, make visual grepping easier. You are only limited by your imagination.
Updates features section with more info and visuals
2019-08-04 13:53:29 +02:00
</p>
Adds revamped Features section
2019-07-25 23:27:51 +02:00
<!-- </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
Updates and centralizes statistics
2020-02-01 19:31:49 +02:00
<strong><code class="highlighter-rouge">{{ site.metrics.combinations }}</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
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
usage: font-patcher [-h] [-v] [-s] [-l] [-q] [-w] [-c] [--careful]
[--removeligs] [--postprocess [POSTPROCESS]]
[--configfile [CONFIGFILE]] [--custom [CUSTOM]]
[-ext [EXTENSION]] [-out [OUTPUTDIR]]
[--glyphdir [GLYPHDIR]] [--makegroups]
[--variable-width-glyphs]
[--progressbars | --no-progressbars] [--also-windows]
[--fontawesome] [--fontawesomeextension] [--fontlinux]
[--octicons] [--codicons] [--powersymbols] [--pomicons]
[--powerline] [--powerlineextra] [--material] [--weather]
font
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
Nerd Fonts Font Patcher: patches a given font with programming and development related glyphs
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
* Website: https://www.nerdfonts.com
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
* Version: 2.2.2
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
* 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)
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
options:
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
-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
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
--glyphdir [GLYPHDIR]
Path to glyphs to be used for patching
--makegroups Use alternative method to name patched fonts (experimental)
--variable-width-glyphs
Do not adjust advance width (no "overhang")
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
--progressbars Show percentage completion progress bars per Glyph Set
--no-progressbars Don't show percentage completion progress bars per Glyph Set
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
--also-windows Create two fonts, the normal and the --windows version
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
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)
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
--codicons Add Codicons Glyphs (https://github.com/microsoft/vscode-codicons)
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
--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>
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
<a href="https://github.com/ryanoasis/nerd-fonts/releases/latest/download/FontPatcher.zip" class="inlineblock">Download Patcher</a>
More styling of downloads and WIP features section
2019-08-04 00:03:56 +02:00
</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
Update some more to v2.2.2 Ok, I was a bit lazy with the release notes, ... but who reads them instead of the release pages? [note] inkscape ... does not need -f anymore as it seems. Also I had to do the automated steps manually, which works. Automation does not work, though. Script `./generate-font-image-previews.sh` Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
2022-09-11 20:42:28 +02:00
[codicons]:https://github.com/microsoft/vscode-codicons
Adds features section and more tweaks
2017-04-27 01:33:34 +02:00
[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 New Issue Copy Permalink