Font - Githubissues

justinHensley commented 5 years ago

Which font are you using in your preview images in README.md ? Love the font almost as I love the theme!

liviuschera commented 5 years ago

I'm happy that you like it.

The font in the screenshots are actually 2 fonts glued together with Custom CSS. For normal style I used Hasklig and for italics Cartograph Mono CF. I think there is a beautiful synergy between the two fonts and they intertwine naturally together.

I will add this bit of info in the README file.

vishalbasnet23 commented 5 years ago

Hi, I have installed both fonts but I still cannot see any changes to my current setup. Can you please let me know what I should be doing here?

Thank you in advance.

liviuschera commented 5 years ago

My pleasure.

The walk-through is for Windows. I assume that for Unix and MacOS you would have to change only the path.

IMPORTANT: Run as aministrator VS Code
install Custom CSS and JS Loader
download or copy the content of customvscode.css
copy customvscode.css in C:\Users\your-own-username\. As an example this is what I have on my system: C:\Users\liviuschera\customvscode.css

In settings.json add:

  "editor.fontFamily": "Hasklig",
  "vscode_custom_css.imports":
    [
      "file://C:/Users/yourusername/vscodecustom.css"
    ],

press F1
Select Enable Custom CSS and JS
Reload VS Code (it doesn't have to be in administrator mode)

NOTES:

if Code complains about that it is corrupted, simply click “Don't show again”

every time after VS Code is updated or you change the configuration, please re-enable Custom CSS

make sure that you comment out the optional CSS code if you don't want to change the UI's default font

I'll drop this into README file in the next release.

Have fun! :)

masterchief-Dave commented 5 years ago

Hi I can't see Users\yourusername\customvscode.css on my windows laptop.

liviuschera commented 5 years ago

Hi there!

Please make sure you have followed step 4 from my walk-through and let me know if it works.

Cheers!

Jado99kc commented 4 years ago

even after following all steps my fonts seem to be different than the one in the previews. :(

rediffusion commented 4 years ago

@Jado99kc

Hello, my friend. Try this:

The CSS code. I used the font "Cousine", cuz "Cartograph Mono CF" costs $40.
In settings.json add:
```
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"vscode_custom_css.imports":
  [
    "file:\\C:\\Users\\YourUserName\\customvscode.css"
  ],
```
P.S. ••• Hasklig is none relevent font, I recomended to you use Fira Code, PragmataPro or iosevka (these fonts supports 'ligatures' also).

Cheers! ✌️👍

commgina commented 4 years ago

whats the font used in the theme comments ? I mean this one https://prnt.sc/rjdw9g

rediffusion commented 4 years ago

@commgina

I think it's Cousine.

0A7V9A commented 4 years ago

Who wants paid fonts like Cartograph CF Mono and others for free??

liviuschera / noctis

Font #2