Dank Mono というフォントを買った

Dank Mono というフォントを買った。

去年 codesandbox を使ってちょっとしたコードを書いている時にこのフォントに気づいた。 codesandbox ではコメントアウトすると Italic になる。

最初はなんかかっこいいなと思いながら認識していなかったけど、ふと思い立って同じフォントにしようと思って検索すると、このフォントであると知る。

これは公式のサイトから取ってきたものだが、いくつかのキーワードが、Italic になっていてこれはこれで悪くはないが、若干目に対する主張も強いので、コメントの時だけの振る舞いにする。 Visual Studio Code を使っていてそうするためには SO を見ると、editor.tokenColorCustomizations で設定できそう。

ただデフォルトで Italic になるものを明示的に overwrite してあげないといけないようで、token が分からない時は Developer: Inspect TM Scopes とかをして調べたりしつつ一旦以下に設定してみて試してみる。

{
  "editor.fontFamily": "Dank Mono, Menlo, 'Source Code Pro'",
  "editor.fontSize": 13,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "comment",
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": [
          //following will be excluded from italics (VSCode has some defaults for italics)
          "constant",
          "storage.modifier",
          "storage.type",
          "keyword.control",
          "keyword.operator",
          "invalid",
          "entity.name.tag.doctype",
          "entity.other.attribute-name",
          "entity.other.attribute-name.tag.jade",
          "entity.other.attribute-name.tag.pug",
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  }
}