”のすけ”のブログです2020-02-18PhpStorm(Intellij)でjavaコマンドを実行するとバージョンが違う別のターミナルを開くしかなさそうです。ここで、Issueが出てますが、みんなイライラしています。mode)面倒でもcmd.exeを使うしかない。Tumblr広告を非表示にするもっと読むコメントを書く2019-11-29Nuxt.jsでAdobeのTypekitを使う方法Nuxt.jsネットを探しても無かったので載せときます。日本語のフォントというのは、アルファベットに比べて文字数が多いため常用漢字だけに絞ってパッケージングし直したりしているんですが。(サブセット化)最近ではダイナミックサブセットといって、そのページで使われている文字だけを動的にサブセットする方法が流行っており、AdobeのTypekitしかり、FontPlusしかりTypeSquareしかりです。問題があってHTMLで作られたサイトなら簡単なのですがVue.jsなどJSによってレンダリングされているサイトの場合は、各社がサンプルで提供している方法ではフォントが適用されません。JS描画なので、初期ロードのHTMLには何も文字が描画されていなため、0文字のサブセットになってしまうようです。各社ではJSのAPIを用意してくれているので、フォントのロードタイミングを工夫することで解決するというわけです。結論から言うとこれでいけました。各ページのheadセクションでScriptをロード。「xxxxxxx.js」は自分のtypekitのidが入ります。src:'https://use.typekit.net/xxxxxxx.js'}}あとは、各ページのupdatedセクションとかでTypekit.load()を実行してあげます。}}これでloadされたタイミングでフォントが切り替わりました。ネットで検索するとwebfontloaderを使う事例が見受けられますがダイナミックサブセットに対応してないようで上手く動きませんでした。