※4.4.0になって編集するファイルが変わりました。
Windows版Slackでフォントを変更する(ver 4.4.0) | SPACEKEY
https://spacekey.info/posts/2188/
バージョン4.4.0でファイル構成変わったようです。
※4.2.0になって編集するファイルが変わりました。
Windows版Slackでフォントを変更する(ver 4.2.0) | SPACEKEY
https://spacekey.info/posts/2184/
Windows版Slackのフォント変更について書いてましたが、バージョン4.2.0でファイル構成が変わってました。
Windows版Slackの日本語フォント表示がひどすぎるので変更する方法。
現状、内部のファイルを書きかえる方法しかなく、バージョンアップする度に作業する必要があるのでメモ。 4.0.2と4.1.1では大丈夫なのは確認してあります。
こちらのサイトをそのまま参考にさせてもらってます。
Windows版Slackのフォントを変更する 4.x.x対応 - frontend blog 🔥
https://autotune.hatenablog.com/entry/2019/07/26/135700
Windows版Slackの文字が見づらい。 メイリオだから文字がすごく細く見えます。 って事で好みのフォントに変更します。 3.x.xまでは下記にある方法で行けたのですが、4系になってから仕様が変わってしまったようです。 love4beer.hatenablog.com 4系は今月のアップデートによりディレクトリ構造が変わってしまいました。 今までは C:\Users\<USERNAME>\AppData\Local\slack\app-<VERSION>\resources\app.asar.unpacked\src\static\ssb-interop.js を触るだけだったのが、アプデ…
方法
asarが必要です。
GitHub - electron/asar: Simple extensive tar-like archive format with indexing
https://github.com/electron/asar
Simple extensive tar-like archive format with indexing - GitHub - electron/asar: Simple extensive tar-like archive format with indexing
slackのapp.asarを展開して、フォントを変更するコードを追加して、またアーカイブして元に戻す、という方法です。
$ npm install -g asar
$ cd C:\Users\<USERNAME>\AppData\Local\slack\app-<VERSION>\resources
$ asar extract app.asar app
でapp.asarの中身が展開されるので、
C:\Users\<USERNAME>\AppData\Local\slack\app-<VERSION>\resources\app\dist\ssb-interop.bundle.js
一番最後に、下記のコードを付け加えます。
onload = () => {
const style = document.createElement('style');
style.innerHTML = '*{font-family:"Segoe UI","Yu Gothic UI","Sarasa Mono SC",sans-serif!important}';
document.head.appendChild(style);
};
font-familyの内容は各自お好みで。
本来のフォントはSegoe UIみたいですが、そうすると日本語がひどくなるのでYu Gothic UIに(Webで見たときと同じ見栄え)、あと私の場合簡体字も扱ってるのでSarasa Mono SCにしています。
あとは、
$ asar pack app app.asar
で元に戻せば表示が変わります。