[筆記] 解決 VS Code Terminal 中無法正常顯示字體的問題

章節連結

若你是安裝 zsh 且有套用一些特定佈景主題的人,難免會有一些特殊字體出現。這篇是筆記如何解決在 Visual Studio 打開 zsh Terminal 時無法抓到正確字體的問題。
code


解決方法

其實說穿並不稀奇,就是透過 Terminal 或是 iTerm 等終端機軟體設定中,獲取字型名稱後,將其輸入到 VS Code 的設定內就可以。
1. 打開 iTerm 的設定,在 Profile 的 text 頁籤中,找到字型名稱 – 以下圖片為 SauceCodePro Nerd Font。
solving-unknown-font-in-vs-code-terminal iterm setting2. 打開 VS Code 的設定頁面,找到 Font-Family 的地方,輸入字體名稱。
solving-unknown-font-in-vs-code-terminal setting3. 嗯…..這樣就完成了。原先出現方框的地方(因為找不到對應字體顯示),就正常跑出圖案了。
solving-unknown-font-in-vs-code-terminal demo


相關文章

★全文分享★  [筆記] HTML 與 PUG 線上格式轉換
[筆記] HTML 與 PUG 線上格式轉換
這篇筆記下網路上好用的 HTML 和 PUG 格式互相轉換的工具。若你是使用 Visual Studio,那麼也有不少好用的轉換器可供使用。HTML 轉成 PUG網頁版可以使用:HTML to PUG 、 HTML to Pug / JadeVS Code 套件的話,可
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
[筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
雖說用 pug 來進行排版算是很方便,不過對於已經習慣 HTML 標籤格式的我來說,要上手還是有一點難度。於是經過了無數測試和尋找後,最後選定用 gulp-template 來進行排版,可以得到如同用 pug 一般
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
[筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
這篇筆記下如何依照開發環境來調整佈署的內容,同時在佈署前,自動先清理掉先前產出的靜態檔案內容,並依照現有的檔案來生成全新的檔案,已確保前後檔案的一致性。交付正式檔案前準備每
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
[筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
這篇要筆記下的是讓前端開發時可以擺脫伺服器,達成編譯完後可以自動打開瀏覽器瀏覽,同時壓縮你的程式碼。架設 WebService1. 先安裝 BrowserSync ,並新增一個靜態的伺服器網址,指向你編譯出來
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – Gulp 和 Bower 串接
[筆記] 使用 Gulp 進行網頁前端自動化 – Gulp 和 Bower 串接
Gulp 搭配上 Bower 和 Bootstrap 4 前端套件,可以快速的做到前端樣板管理。不過 Gulp 4 和前一版的作法有些不同,這邊筆記一下串接的方法。串接上 Bower1. Bower 是一套前端套件的管理工具,雖然說是很
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – PostCSS 自動加上前綴 & Load Plugins
[筆記] 使用 Gulp 進行網頁前端自動化 – PostCSS 自動加上前綴 & Load Plugins
這篇筆記下用 gulp-postcss、autoprefixer……等等套件,節省你的時間和加強瀏覽器相容性。加強 CSS 相容性由於瀏覽器的相容性彼此之間不相同,有可能在 CSS 的解讀上,需要加上一些前綴詞,那麼 autop
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案
[筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案
這篇筆記下用 Gulp 來編譯你的檔案,需要安裝 gulp-jade, gulp-sass, gulp-plumber 後,再 gulpfile.js 進行修改。編譯你的第一個專案Gulp 截至2020年,運行版本為 4.0。由於影片的版本是 3.X 版本,所以有些指令
★全文分享★  [筆記] 使用 Gulp 進行網頁前端自動化 – 簡介
[筆記] 使用 Gulp 進行網頁前端自動化 – 簡介
Gulp 是一個前端自動化工具。由於瀏覽器只認識原生的 HTML, CSS 和 JavaScript (ES6的支援度各瀏覽器不同),而 Gulp 可以幫你節省編譯的流程,讓你可以更專注在開發上,同時也可以根據環境來制定是否
按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:24