3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Bracketでフォントのアンチエイリアスを調整する(Macの場合)

Posted at

Bracketは便利なエディターです。
但し、私の環境だとデフォルトでかかっているアンチエイリアスの設定(-webkit-font-smoothing: antialiased;)
の見た目がどうしても許せず発狂しそうになります。

期待値としては、Atomのような感じでアンチエリアスがかかって欲しい...。
という訳で、スタイル設定を以下のように弄りました。

設定方法

Brackets.app/Contents/www/index.htmlを開いて、styleを追加します。

    <!-- Pre-load third party scripts that cannot be async loaded. -->
    <script src="thirdparty/thirdparty.min.js"></script>
    <!-- 以下を追加する -->
    <style type="text/css">
      .main-view {
        -webkit-font-smoothing: auto;
      }
    </style>
</head>

これで、全体のフォントのアンチエイリアス設定を変更出来ました。

反映結果

ちなみにそれぞれこんな感じになります。
autosubpixel-antialiasedが個人的に気に入りました。

-webkit-font-smoothing Image
antialiased (Bracketのデフォルト kobito.1433125762.403250.png
auto kobito.1433125819.916649.png
inherit kobito.1433125863.557654.png
initial kobito.1433125908.804741.png
none kobito.1433125946.120273.png
subpixel-antialiased kobito.1433125986.062938.png

オマケ

Bracketはユーザー任意のStyleSheet定義出来ないんだなーと思っていたらこんなissueがありました。

3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?