{"id":249,"date":"2017-12-01T19:26:45","date_gmt":"2017-12-01T19:26:45","guid":{"rendered":"http:\/\/cheapwindowsvps.com\/blog\/?p=249"},"modified":"2025-01-20T10:11:38","modified_gmt":"2025-01-20T10:11:38","slug":"how-to-install-google-fonts-on-ubuntu-16-04","status":"publish","type":"post","link":"https:\/\/cheapwindowsvps.com\/blog\/how-to-install-google-fonts-on-ubuntu-16-04\/","title":{"rendered":"How to Install Google Fonts on Ubuntu 16.04"},"content":{"rendered":"<p>The default font collection on Ubuntu 16.04 leaves a lot to be desired. In fact, it was the case with much of Web (what with the very aggressively priced fonts and all that) until Google Web Fonts came along. We now have access to hundreds of font families through Google Fonts, fitting work as diverse as programming, type setting, and designing.<\/p>\n<p>&nbsp;<\/p>\n<p>It&#8217;s natural to want to extend your Ubuntu system to include some, or all, Google Fonts so that you can enjoy the same fonts offline in your desktop programs as well.<\/p>\n<p>&nbsp;<\/p>\n<p>Excited to get started? So are we!<\/p>\n<p>&nbsp;<\/p>\n<p>There are two ways to install Google Web Fonts on Ubuntu 16.04.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Installing Google Fonts on Ubuntu 16.04 by Previewing in Browser<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>If you just want a couple of extra fonts that you know very well, or perhaps there&#8217;s a font you stumbled on, a much faster way to install it is to directly download it you your system.<\/p>\n<p>&nbsp;<\/p>\n<p>Let&#8217;s say you happened to chance upon the delightful <a href=\"https:\/\/fonts.google.com\/specimen\/Spectral+SC\" target=\"_blank\" rel=\"noopener\">Spectral SC<\/a> font. To save it offline, click on the plus-sign button towards the top right, which says &#8220;Select this font&#8221;. As soon as you do that, the selected font will show in a popup bar at the bottom. The bar will be minimized by default:<\/p>\n<p><a href=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-254\" src=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1.png\" alt=\"\" width=\"1039\" height=\"509\" srcset=\"https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1.png 1039w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1-300x147.png 300w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1-768x376.png 768w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture1-1024x502.png 1024w\" sizes=\"auto, (max-width: 1039px) 100vw, 1039px\" \/><\/a><\/p>\n<p>Once done, press the red Download icon to download a zipped version of all the font files and licenses:<\/p>\n<p><a href=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-253\" src=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture2.png\" alt=\"\" width=\"915\" height=\"657\" srcset=\"https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture2.png 915w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture2-300x215.png 300w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture2-768x551.png 768w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Unzip the file you just downloaded, and you&#8217;ll see that it has a folder with a few .ttf files. You need to move these fonts to your system font folder.<\/p>\n<p>&nbsp;<\/p>\n<p>The easiest way to do that is to go to your home directory. Then make sure that the hidden directories are made visible (you might have to press Ctrl+h) for that. You need to copy all the .ttf files into the .fonts folder.<\/p>\n<p>&nbsp;<\/p>\n<p>If there&#8217;s no .fonts folder in your home directory, create one and then copy the files.<\/p>\n<p>&nbsp;<\/p>\n<p>With this, the Spectral SC Google font is installed on your system and is ready to use! In case the program you are going to use to access this font is already running, restart it so that it can access the font from the system pool.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Installing a lot of Google Fonts on Ubuntu 16.04 the Easy Way<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<p>Admittedly, the above method works only when you have a couple of fonts to be installed at best. Imagine having to unzip, navigate through, and move hundreds of font files to your .fonts directory \u2013 it can easily take an entire day!<\/p>\n<p>&nbsp;<\/p>\n<p>Thankfully, there&#8217;s a much better solution available. In the Ubuntu repositories, there&#8217;s a package called typecatcher that allows you to preview and download Google Fonts easily to your system.<\/p>\n<p>&nbsp;<\/p>\n<p>To do that, go to your terminal and get root access first:<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p>$ sudo -i<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>Enter your system password when prompted, and ensure that you have root access on the command line. With this, it&#8217;s time to install:<\/p>\n<p>&nbsp;<\/p>\n<blockquote>\n<p># apt install typecatcher<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>Once done, you can access it from the app search menu.<\/p>\n<p>&nbsp;<\/p>\n<p>The typecatcher software lists all the available Google fonts on the left. Once you click on a font, its preview will load on the screen. If you like what you see, you can use the first button in the menu bar to download the font to your system:<\/p>\n<p><a href=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-252\" src=\"http:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3.png\" alt=\"\" width=\"1039\" height=\"565\" srcset=\"https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3.png 1039w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3-300x163.png 300w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3-768x418.png 768w, https:\/\/cheapwindowsvps.com\/blog\/wp-content\/uploads\/2017\/12\/Picture3-1024x557.png 1024w\" sizes=\"auto, (max-width: 1039px) 100vw, 1039px\" \/><\/a><\/p>\n<p>The second button allows you to uninstall a font you had previously installed.<\/p>\n<p>&nbsp;<\/p>\n<p>With these tools in your arsenal, you&#8217;re all set to say goodbye to font blues on Ubuntu 16.04 and enjoy many fine fonts using Google Web Fonts!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The default font collection on Ubuntu 16.04 leaves a lot to be desired. In fact, it was the case with much of Web (what with the very aggressively priced fonts and all that) until Google Web Fonts came along. We now have access to hundreds of font families through Google Fonts, fitting work as diverse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-249","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/posts\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":7,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/posts\/249\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/posts\/249\/revisions\/259"}],"wp:attachment":[{"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/media?parent=249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/categories?post=249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cheapwindowsvps.com\/blog\/wp-json\/wp\/v2\/tags?post=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}