Correction in the presentation of the status bar created with the Airline plugin

Question

I installed the plugin Airline in order to have a custom status bar in my editor, as seen in the figure below:

However, my editor’s status bar is displaying the <, >> and <symbols. How to fix this problem?

Answer 1

Solving the reported problem consists of downloading the project sources Powerline and install them in the system, as the fonts of this project provide custom symbols. Let’s go to the steps:

Donwload from the sources

First, download the sources. These can be downloaded from the project link at github or from the command:

git clone https://github.com/powerline/fonts.git

Installation

After obtaining the source package, you should run the file .install to install these. The directory will be created ~/.fonts, if this does not exist. This directory is used in linux for installing fonts.

Terminal configuration

Change the type of font used in your command terminal. If you use gnome-terminal, you go to Edit > Profile Preferences and edit the font type for one of the Powerline fonts. In my case, I chose the font Meslo LG S Regular for Powerline.

Upshot

The result is a more elegant, more useful status bar that allows faster identification of the editing modes used at the time of editing the text, giving possibility to increase productivity.

References

https://vi.stackexchange.com/questions/3359/how-to-fix-status-bar-symbols-in-airline-plugin