Deprecated: Creation of dynamic property c2c_AddAdminCSS::$admin_options_name is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$config is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$disable_contextual_help is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$disable_update_check is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$hook_prefix is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$form_name is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$menu_name is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$name is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$nonce_field is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$settings_page is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$show_admin is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$textdomain is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$textdomain_subdir is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 106 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$author_prefix is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 109 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$id_base is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 110 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$options_page is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 111 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$plugin_basename is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 112 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$plugin_file is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 113 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$plugin_path is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 114 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$u_id_base is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 115 Deprecated: Creation of dynamic property c2c_AddAdminCSS::$version is deprecated in /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php on line 116 Warning: Cannot modify header information - headers already sent by (output started at /var/www/html/wp-content/plugins/add-admin-css/c2c-plugin.php:106) in /var/www/html/wp-includes/rest-api/class-wp-rest-server.php on line 1768 {"id":117,"date":"2021-10-18T18:42:22","date_gmt":"2021-10-18T11:42:22","guid":{"rendered":"https:\/\/erwin.co\/?p=117"},"modified":"2022-07-05T18:33:18","modified_gmt":"2022-07-05T11:33:18","slug":"kitty-and-nerd-fonts","status":"publish","type":"post","link":"https:\/\/erwin.co\/kitty-and-nerd-fonts\/","title":{"rendered":"kitty and Nerd Fonts… bringing Egyptian Hieroglyphs to your terminal…"},"content":{"rendered":"\n

TL\/DR: Just download Nerd Symbols Only Font<\/a> and Config Kitty<\/a><\/p>\n\n\n\n

If you haven't tried the kitty<\/code> terminal emulator, it's an awesome one. Even if I was still tortured to use Mac OS X, I think I would use Kitty of iTerm. You'll find that it's noticeably faster than gnome-terminal<\/code> or vscode<\/code>'s built in terminal. (konsole is pretty snappy though)<\/p>\n\n\n\n

Kitty has tons of features, however the process to discover and configure those features is a bit more complicated than other terminals that I've used.<\/p>\n\n\n\n

For me, the most confusing aspect of kitty was understanding how to setup fonts. I never wanted to learn how kitty deals with fonts. I just wanted a kitty font config that works. If that's all you want, skip to kitty config<\/a>.<\/p>\n\n\n\n

First, Kitty requires that fonts have a fixed spacing<\/code> of 100<\/code> defined. To check if a font can be used by Kitty, and the exact name you should enter to configure it, you'll want to use:<\/p>\n\n\n\n

kitty list-fonts<\/code><\/pre>\n\n\n\n
If you're looking for a good font to use, I suggest you take a look at the open source Fira Code<\/a><\/code> font, since it has nice ligatures for programming...<\/p>\n\n\n\n
\"\"
Fira Code example \"ligatures\" o visually simplify display of == --> ++ and :=<\/figcaption><\/figure>\n\n\n\n
If you you have a budget to invest in a programming font, I think the MonoLisa<\/a> font is even more attractive. To get a monospaced font to show up in Kitty if it's not showing up on it's own, you'll need to edit ~\/.config\/fontconfig\/fonts.conf<\/code> and add a section to \"scan\" for the font \"family\" and set \"spacing\" for that family to 100.<\/p>\n\n\n\n
<?xml version='1.0'?>\n<!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>\n<fontconfig>\n\n<match target=\"scan\">\n    <test name=\"family\">\n        <string>MonoLisa-Regular<\/string>\n    <\/test>\n    <edit name=\"spacing\">\n        <int>100<\/int>\n    <\/edit>\n<\/match>\n\n<\/fontconfig><\/code><\/pre>\n\n\n\n
Once you edit fontconfig\/fonts.conf<\/code> you'll need to rebuild the font cache and restart kitty to see the new font.<\/p>\n\n\n\n
sudo fc-cache -fr<\/code><\/pre>\n\n\n\n
If kitty list-fonts<\/code> still can't find the font that you're looking for, several steps possible steps to resolve are discussed on the kitty issue tracker<\/a>.<\/p>\n\n\n\n
Most terminals need you to setup \"patched fonts\" if you want to use \"powerline\" symbols... If you're looking to rice your command line, powerlevel10k<\/a>, vim-devicons<\/a>, and vim-airline<\/a> can will use many of these \"patched font\" symbols.<\/p>\n\n\n\n
\"img\"\/
vim-airline using patched fonts...<\/figcaption><\/figure>\n\n\n\n
\"Powerlevel10k
powerlevel10k zsh theme using patched fonts<\/figcaption><\/figure>\n\n\n\n
\"vim-devicons
vim-devicons with patched fonts<\/figcaption><\/figure>\n\n\n\n
If you want to use the \"fontconfig\" method for your whole configuration, you might be able to add something like the following ~\/.config\/fontconfig\/fonts.conf<\/code> so that symbols from the Symbols Nerd Font will be preferred, but I was not able to get this method to work, so I went with the kitty symbol_map<\/code> method.<\/p>\n\n\n\n
 <alias>\n  <family>monospace<\/family>\n  <prefer>\n   <family>MonoLisa<\/family>\n   <family>Symbols Nerd Font<\/family>\n   <family>Noto Color Emoji<\/family>\n   <family>Noto Sans Symbols2<\/family>\n  <\/prefer>\n <\/alias>\n<\/code><\/pre>\n\n\n\n
Yes, you list all of them them [symbol_map] and yes you can have multiple ones. However, I recommend against doing that, there is rarely a need for it, since nerd fonts will automatically be used if found<\/strong> in most cases.<\/p>kovidgoyal, author of kitty<\/cite><\/blockquote>\n\n\n\n
For me though, \"auto detection\" of nerd fonts never worked. The most evident example was each time I would run:<\/p>\n\n\n\n
vim ~\/.vimrc<\/code><\/pre>\n\n\n\n
The stylized \"V\" from vim-devicons would show a very rarely used Chinese character... <\/p>\n\n\n\n
\"image\"
Editing .vimrc, the stylized V is shown for me as: \u00e9\u2021\u2018 + \u00e5\u00bc\u00a6, which doesn't exist in most chinese dictionaries<\/a>...  <\/figcaption><\/figure>\n\n\n\n
\"image\"\/
Editing .vimrc, the correct stylized \"V\" icon from vim-devicons<\/figcaption><\/figure>\n\n\n\n
The \"quick and dirty\" way to get every symbol you want to load is the use the patched Nerd fonts, for example the Fira_Code_vX.X.zip patched Nerd Fonts<\/a>.<\/p>\n\n\n\n
 However, with Kitty, the preferred way to get each font to show up is actually NOT to use patched fonts, instead to use kitty's \"symbol_map\" function<\/a>. <\/p>\n\n\n\n
Map the specified unicode codepoints to a particular font. Useful if you need special rendering for some symbols, such as for Powerline. Avoids the need for patched fonts. Each unicode code point is specified in the form U+<code point in hexadecimal><\/code>. You can specify multiple code points, separated by commas and ranges separated by hyphens. symbol_map<\/code> itself can be specified multiple times. Syntax is:<\/p>symbol_map U+E0A0-U+E0A3,U+E0C0-U+E0C7 PowerlineSymbols
symbol_map codepoints Font Family Name<\/cite><\/blockquote>\n\n\n\n
If you run kitty with, you'll get a list of each character code that's not found on the terminal you launched kitty from.<\/p>\n\n\n\n
kitty --debug-font-fallback<\/code><\/pre>\n\n\n\n
For example, on the Right I'm using xterm to edit ~\/.config\/kitty\/kitty.conf<\/code> and on the left is my kitty instance... Here you can see pretty clearly the \"DejaVu Sans Mono\" font is providing the U+2605 (\u00e2\u02dc\u2026) and U+21b6 (\u00e2\u2020\u00b6)<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
I would prefer to get all of the Nerd Fonts from the Nerd Fonts package.<\/p>\n\n\n\n
First, make sure you download the \"Symbols Nerd Font\" (symbols only) font package, you can find it at:<\/p>\n\n\n\n
\"\"\/<\/a>
src\/glyphs\/Symbols-2048-em Nerd Font Complete.ttf<\/a><\/figcaption><\/figure>\n\n\n\n
Once you have the Symbols-2048-em Nerd Font Complete.ttf<\/code>, copy it to ~\/.local\/share\/fonts<\/code> and then run sudo fc-cache -fr<\/code> to reload the font cache.<\/p>\n\n\n\n
Next, you'll want to add something like this to your kitty config:<\/p>\n\n\n\n
font_family FiraCode\n# or #\nfont_family MonoLisa\n\n###########################################################\n# Symbols Nerd Font complete symbol_map\n# easily troubleshoot missing\/incorrect characters with:\n#   kitty --debug-font-fallback\n###########################################################\n\n# \"Nerd Fonts - Pomicons\"\nsymbol_map  U+E000-U+E00D Symbols Nerd Font\n\n# \"Nerd Fonts - Powerline\"\nsymbol_map U+e0a0-U+e0a2,U+e0b0-U+e0b3 Symbols Nerd Font\n\n# \"Nerd Fonts - Powerline Extra\"\nsymbol_map U+e0a3-U+e0a3,U+e0b4-U+e0c8,U+e0cc-U+e0d2,U+e0d4-U+e0d4 Symbols Nerd Font\n\n# \"Nerd Fonts - Symbols original\"\nsymbol_map U+e5fa-U+e62b Symbols Nerd Font\n\n# \"Nerd Fonts - Devicons\"\nsymbol_map U+e700-U+e7c5 Symbols Nerd Font\n\n# \"Nerd Fonts - Font awesome\"\nsymbol_map U+f000-U+f2e0 Symbols Nerd Font\n\n# \"Nerd Fonts - Font awesome extension\"\nsymbol_map U+e200-U+e2a9 Symbols Nerd Font\n\n# \"Nerd Fonts - Octicons\"\nsymbol_map U+f400-U+f4a8,U+2665-U+2665,U+26A1-U+26A1,U+f27c-U+f27c Symbols Nerd Font\n\n# \"Nerd Fonts - Font Linux\"\nsymbol_map U+F300-U+F313 Symbols Nerd Font\n\n#  Nerd Fonts - Font Power Symbols\"\nsymbol_map U+23fb-U+23fe,U+2b58-U+2b58 Symbols Nerd Font\n\n#  \"Nerd Fonts - Material Design Icons\"\nsymbol_map U+f500-U+fd46 Symbols Nerd Font\n\n# \"Nerd Fonts - Weather Icons\"\nsymbol_map U+e300-U+e3eb Symbols Nerd Font\n\n# Misc Code Point Fixes\nsymbol_map U+21B5,U+25B8,U+2605,U+2630,U+2632,U+2714,U+E0A3,U+E615,U+E62B Symbols Nerd Font\n<\/code><\/pre>\n\n\n\n
The list of code point ranges above comes directly from the nerd-fonts test script, with the exception of the \"Misc Code Point Fixes\" that I added myself through trial and error with --debug-font-fallback<\/code>.<\/p>\n\n\n\n
You can test that you've got all fonts configured properly by running the \"test-fonts.sh\" script provided by nerd-fonts.<\/p>\n\n\n\n
https:\/\/github.com\/ryanoasis\/nerd-fonts\/blob\/master\/bin\/scripts\/test-fonts.sh<\/a><\/p>\n\n\n\n
Be sure to run kitty with kitty --debug-font-fallback<\/code> then run this script in your kitty window, and if you've set everything up correctly, you should not see any of the symbol missing or symbol fallback notices that were shown in the screenshot above. Once properly configured you'll get:<\/p>\n\n\n\n
\"\"
Note that there may still be a few messages, but generally all characters will now load correctly.<\/figcaption><\/figure>\n\n\n\n
\"\"
Small excerpt of the \"test-fonts.sh\" script once kitty is properly configured<\/figcaption><\/figure>\n\n\n\n
If you're experimenting with MonoLisa, here are some settings that I found looked great.<\/p>\n\n\n\n
font_family      MonoLisa\nfont_bold        MonoLisa-Bold\nitalic_font      MonoLisa-Light\nadjust_baseline -4\nfont_size        14<\/code><\/pre>\n\n\n\n
Without the \"adjust_baseline -4\", the MonoLisa font was not aligned when I tried.<\/p>\n\n\n\n
One last nugget of wisdom here, the \"codepoints.net\" site is the best unicode character lookup site I've ever seen. You can type the codepoint directly in the URL, and the layout is clean and free of ads.<\/p>\n\n\n\n
https://codepoints.net\/U+21B5\n