# 解決 Linux Mint 上 HackMD 網頁等寬字體問題

> 日期：2019/12/13
> 作者：王一哲

<br />

我在 Linux Mint 19.1 Cinnamon 上使用 Chrome 瀏覧器開啟 HackMD 網站時，程式碼的部分沒有辦法使用等寬字體顯示，這樣很難看清楚縮排的格數，今天剛好遇到一個高手學生幫我解決了這個問題。
<br />

<img style="display: block; margin-left: auto; margin-right: auto" height="100%" width="100%" src="https://imgur.com/pokPtfE.png">
<div style="text-align:center">無法使用等寬字體顯示程式碼</div>
<br />

先在程式碼區段按滑鼠右鍵開啟快速選單，點選最下方的**檢查**。
<img style="display: block; margin-left: auto; margin-right: auto" height="100%" width="100%" src="https://imgur.com/6EjyBTO.png">
<div style="text-align:center">開啟快速選單</div>
<br />

在右方的空格中搜尋**font-family**，找到使用的字體名稱為**Menlo**。
<img style="display: block; margin-left: auto; margin-right: auto" height="100%" width="100%" src="https://imgur.com/W8f1JOv.png">
<div style="text-align:center">搜尋font-family</div>
<br />

由於我的電腦中沒有安裝Menlo字體，應該只要安裝好字體就能解決這個問題，於是我上網搜尋，在這個網站找到字體：<a href="https://www.cufonfonts.com/font/menlo" target="_blank">https://www.cufonfonts.com/font/menlo</a>
<img style="display: block; margin-left: auto; margin-right: auto" height="100%" width="100%" src="https://imgur.com/FP0WdQ8.png">
<div style="text-align:center"><a href="https://www.cufonfonts.com/font/menlo" target="_blank">https://www.cufonfonts.com/font/menlo</a></div>
<br />

下載的字體檔案是zip檔，解壓縮後的檔名為**Menlo-Regular.ttf**，在檔案上點滑鼠左鍵兩下安裝字體，安裝好的字體位於 **/home/$USER/.local/share/fonts/** 。關掉 Chrome 之後再開啟，就可以順利使用等寬字體顯示程式碼。

<img style="display: block; margin-left: auto; margin-right: auto" height="100%" width="100%" src="https://imgur.com/xaLttl0.png">
<div style="text-align:center">修正後的程式碼區段</div>
<br />

---

###### tags:`Linux`