01/10/2018, 00:14

Font "hơi" xấu trên Sublime Text và Atom

Tình hình là bao lần mày mò để tìm phương cứu chữa cho cái lỗi font chướng mắt nhưng không ra nên đành lên đây hỏi vậy. Số là mình mệt vì gedit quá ít extension, không có autocomplete nên code mệt quá nên mình cài Atom và vật lộn với CSS nhưng nó vẫn xấu (có đỡ hơn 1 tí thôi):

Sau đó, mình quyết định xài thử Sublime Text 3 thì kết quả cũng không khả quan lắm:

Mình so sánh với cái gedit thì font nó vẫn thiếu thiếu cái gì đó. Rõ ràng là trên gedit dễ nhìn hơn nhiều.
À, mình xài Kali Rolling 2016.1 . Mình tinh chỉnh qua gnome-tweak-tool nên nó đã đẹp hơn nhiều rồi. Thật sự cái này không quá to tát nhưng nó làm mình khá khó chịu khi code. Mong có ai biết thì chỉ mình, cảm ơn :3
P/s: Mình có thay đổi qua font Droid Sans Mono thì nó cũng không tệ nhưng vì mình thích DejaVu Sans Mono nên vậy :’(

anon10499953 viết 02:23 ngày 01/10/2018

Nhìn nhiều thì quen thôi chứ có gì đâu mà xấu bạn ơi.

Lương Quang Mạnh viết 02:23 ngày 01/10/2018

Đây là Sublime Text của mình, vẫn chưa đủ đẹp thì thôi bỏ qua luôn phần bên dưới đi nhé

Phải công nhận là mình cũng ghét cái font nó cứ mỏng dính kiểu này, xấu kinh.
Cho nên sau một thời gian dài lần mò, cuối cùng mình cũng có được giải pháp thế này (áp dụng cho Sublime Text):

Chọn font nào nét nó đậm đậm một tí; hoặc hỗ trợ medium hay semibold ấy. Vd: M+2m (trong hình), Source Code Pro. Sau đó xóa cái file normal của nó đi.
Chọn color scheme nào đẹp đẹp tí. Vd: Dracula Color Scheme (trong hình).

Khoa NTA viết 02:28 ngày 01/10/2018

Cảm ơn bạn :3 Mấy nay mình toàn code trên gedit, gõ mỏi tay thôi
Mà sao trên Ubuntu thì nó đâu có như vậy đâu, nhìn vẫn được mắt mà ta?

Lương Quang Mạnh viết 02:17 ngày 01/10/2018

Chịu luôn, mình đang dùng Linux Mint 18

Khoa Nguyen viết 02:23 ngày 01/10/2018

Chính xác là bạn muốn dùng font gì ? Trên Atom thì đổi font editor mất có 5s thôi

stylesheet của mình

atom-text-editor {
  font-family: 'Fira Code';
  font-style: normal;
  text-rendering: optimizeLegibility;
}
atom-text-editor::shadow {
  .string.quoted,
  .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
  .source.js.jsx > .keyword.control.flow.js,
  .storage, .type .function {
    vertical-align: baseline;
    font-family: 'flottflott';
    height: inherit;
    font-size: 1.5em;
    line-height: 1rem;
  }
  .source.js.jsx,
  .storage.type.function.arrow.js,
  .variable {
    font-family: 'Fira Code';
    font-style: normal;
  }
  .string.unquoted.js {
    color: #CDD3DE;
  }
  .entity.name {
    font-weight: bold;
  }
}

Le Dinh Nhat Khanh viết 02:26 ngày 01/10/2018

Fira code có ligatures khá chuẩn.

Khoa NTA viết 02:18 ngày 01/10/2018

Mình muốn dùng “DejaVu Sans Mono” mà nó lại bị mỏng tan như hình mình upload vậy, trong khi gedit cũng cùng font mà vẫn đẹp. Cũng cảm ơn bạn, mình đổi sang “Source code pro” vậy :’(

Vô Thin viết 02:21 ngày 01/10/2018

Đi thuổng trộm font Consolas bên Windows cài vào là đẹp lung linh máng con lợn luôn à.

[Album] Imgur Imgur