読者です 読者をやめる 読者になる 読者になる

もっく日記

書いておぼえるためのブログ

gulp-iconfontでハマったこと

Cannot read property 'toString' of undefinedとエラーが出る

原因

template.cssglyph.codepointが取れていなかったのが原因でした。

解決方法

gulp-iconfontのドキュメントをちゃんと読んでみたら、

template.cssのこの部分を↓

glyph.codepoint.toString(16).toUpperCase()

このように直す↓

glyph.unicode[0].charCodeAt(0).toString(16).toUpperCase()

と書いてありました。

illustlatorから切り出したSVGのフォントファイルが壊れる

原因

画像サイズが縦横10pxと、小さすぎたのが原因でした。

解決方法

画像サイズを大きくして書き出し直したら解決しました。 (20px以上だと問題なさそうです)