TileMill2へのフォント追加


TileMill2をインストールしているディレクトリ中に、フォントがおいてある場所があります。

その位置に適当にディレクトリを掘ってファイルを配置することで、TileMill2の中で利用可能なフォントが増えます。

この場合だと、vlgothicを追加しています。

```
$ pwd
hogehoge/tm2/node_modules/tm2-default-fonts
$ tree
.
├── README.md
├── crimson
│   ├── Crimson-Bold.otf
│   ├── Crimson-BoldItalic.otf
│   ├── Crimson-Italic.otf
│   ├── Crimson-Roman.otf
│   ├── Crimson-Semibold.otf
│   ├── Crimson-SemiboldItalic.otf
│   └── LICENSE.txt
├── droid-serif
│   ├── DroidSerif-Bold.ttf
│   ├── DroidSerif-BoldItalic.ttf
│   ├── DroidSerif-Italic.ttf
│   ├── DroidSerif-Regular.ttf
│   └── LICENSE.txt
├── lato
│   ├── LICENSE.txt
│   ├── Lato-Bla.ttf
│   ├── Lato-BlaIta.ttf
│   ├── Lato-Bol.ttf
│   ├── Lato-BolIta.ttf
│   ├── Lato-Hai.ttf
│   ├── Lato-HaiIta.ttf
│   ├── Lato-Lig.ttf
│   ├── Lato-LigIta.ttf
│   ├── Lato-Reg.ttf
│   └── Lato-RegIta.ttf
├── league-gothic
│   ├── LICENSE.txt
│   ├── LeagueGothic-CondensedItalic.otf
│   ├── LeagueGothic-CondensedRegular.otf
│   ├── LeagueGothic-Italic.otf
│   └── LeagueGothic-Regular.otf
├── merriweather
│   ├── LICENSE.txt
│   ├── Merriweather-Black.otf
│   ├── Merriweather-Bold.otf
│   ├── Merriweather-Italic.otf
│   ├── Merriweather-Light.otf
│   └── Merriweather-Regular.otf
├── open-sans
│   ├── LICENSE.txt
│   ├── OpenSans-Bold.ttf
│   ├── OpenSans-BoldItalic.ttf
│   ├── OpenSans-CondBold.ttf
│   ├── OpenSans-CondLight.ttf
│   ├── OpenSans-CondLightItalic.ttf
│   ├── OpenSans-ExtraBold.ttf
│   ├── OpenSans-ExtraBoldItalic.ttf
│   ├── OpenSans-Italic.ttf
│   ├── OpenSans-Light.ttf
│   ├── OpenSans-LightItalic.ttf
│   ├── OpenSans-Regular.ttf
│   ├── OpenSans-Semibold.ttf
│   └── OpenSans-SemiboldItalic.ttf
├── package.json
├── pt-sans
│   ├── LICENSE.txt
│   ├── PTC55F.ttf
│   ├── PTC75F.ttf
│   ├── PTN57F.ttf
│   ├── PTN77F.ttf
│   ├── PTS55F.ttf
│   ├── PTS56F.ttf
│   ├── PTS75F.ttf
│   └── PTS76F.ttf
├── roboto
│   ├── LICENSE.txt
│   ├── Roboto-Black.ttf
│   ├── Roboto-BlackItalic.ttf
│   ├── Roboto-Bold.ttf
│   ├── Roboto-BoldCondensed.ttf
│   ├── Roboto-BoldCondensedItalic.ttf
│   ├── Roboto-BoldItalic.ttf
│   ├── Roboto-Condensed.ttf
│   ├── Roboto-CondensedItalic.ttf
│   ├── Roboto-Italic.ttf
│   ├── Roboto-Light.ttf
│   ├── Roboto-LightItalic.ttf
│   ├── Roboto-Medium.ttf
│   ├── Roboto-MediumItalic.ttf
│   ├── Roboto-Regular.ttf
│   ├── Roboto-Thin.ttf
│   └── Roboto-ThinItalic.ttf
├── source-sans-pro
│   ├── LICENSE.txt
│   ├── SourceSansPro-Black.ttf
│   ├── SourceSansPro-BlackIt.ttf
│   ├── SourceSansPro-Bold.ttf
│   ├── SourceSansPro-BoldIt.ttf
│   ├── SourceSansPro-ExtraLight.ttf
│   ├── SourceSansPro-ExtraLightIt.ttf
│   ├── SourceSansPro-It.ttf
│   ├── SourceSansPro-Light.ttf
│   ├── SourceSansPro-LightIt.ttf
│   ├── SourceSansPro-Regular.ttf
│   ├── SourceSansPro-Semibold.ttf
│   └── SourceSansPro-SemiboldIt.ttf
└── vlgothic
    ├── VL-Gothic-Regular.ttf
    └── VL-PGothic-Regular.ttf

10 directories, 91 files
$
``` 

その後、TileMill2のmssで、先頭行の nameタグ指定を変更します。

``` 変更前
// Languages: name (local), name_en, name_fr, name_es, name_de
@name: '[name_en]';
```

``` 変更後
// Languages: name (local), name_en, name_fr, name_es, name_de
@name: '[name]';
```

その後、各設定行の text-face-name を、自分が追加したフォントの名称に書き換えると適用完了です。

``` 例
  text-face-name: 'VL Gothic regular';
```

利用できる text-face-name は、[このへん](http://qiita.com/nyampire/items/25f9effbef1b2a498c5e)を参照してください。