方法/步驟 首先我們雙擊桌面的webstorm圖標，打開webstorm。 之后隨便打開一個文件就可以看到其字體大小，方便一會兒比較。 然后點擊上面菜單欄的“文件”，找到其子菜單中的“設置”，點擊打開。 在打開的新窗口中找到“Editor”選項，點擊它前面的加號。 然后再找其子菜單中的選項，直到找到“Font”選項，點擊即可。 這時候在右側就可以設置其字體和大小了，設置完成后點擊下面的確定按鈕即可。 跟原來的字體大小比較發現其已經變化了。

新建Scheme + 修改字體
ctrl+alt+s打開Settings界面，Editor > Colors&Fonts > Font。
Default scheme是亮色調，但我想定制一套暗背景的環境，所以在右側Scheme name下拉框中選擇Monokai，以此作為修改的基礎，然后點擊Save as，給自己新建的Scheme起個名字吧，如下圖：

這里面可以設置字體（我一般選擇Consolas），字體大小，行間距。

自定義語法高亮
用ctrl+alt+s打開Settings界面，Editor > Colors&Fonts。

不同語言有各自的語法高亮規則，但有一部分是通用的（General），我們首先來設置General，然后再根據需要設置不同語言的語法高亮。
General的設置
普通文本：default text
折疊文本: Folded text
光標: Caret
光標所在行: Caret row
行號: Line number
TODO: TODO default
光標下變量高亮：Search result
搜索結果：Text search result
匹配的括號：Matched brace
不匹配的括號：Unmatched brace
未使用的符號：Unused symbol
左邊空隙（行號，斷點）：Gutter background
選中的文本背景色：Selection background
選中的文本前景色：Selection foreground

不知道你解決了沒有，時間過去很久了，我今天也碰到這問題。
解決方法如下：
File --> Settings --> Editor (--> Colors & Fonts --> Html)
選中 Tag ，右側有選項“Use inherited attributes” ，這里設置下就OK了。
另外碰到了漢化后，Settings 彈不出來，還原以后就好了。
PS：你的代碼主題設置的很漂亮