Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Font #2

Closed
justinHensley opened this issue Sep 26, 2018 · 10 comments
Closed

Font #2

justinHensley opened this issue Sep 26, 2018 · 10 comments

Comments

@justinHensley
Copy link

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

@liviuschera
Copy link
Owner

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
Copy link

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
Copy link
Owner

liviuschera commented Nov 13, 2018

My pleasure.

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

  1. IMPORTANT: Run as aministrator VS Code
  2. install Custom CSS and JS Loader
  3. download or copy the content of customvscode.css
  4. 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
  5. In settings.json add:
      "editor.fontFamily": "Hasklig",
      "vscode_custom_css.imports":
        [
          "file://C:/Users/yourusername/vscodecustom.css"
        ],
  6. press F1
  7. Select Enable Custom CSS and JS
  8. 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
Copy link

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

@liviuschera
Copy link
Owner

Hi there!

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

Cheers!

@Jado99kc
Copy link

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

@rediffusion
Copy link

rediffusion commented Jan 7, 2020

@Jado99kc

Hello, my friend. Try this:

  1. The CSS code. I used the font "Cousine", cuz "Cartograph Mono CF" costs $40.
  2. 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! ✌️👍

Repository owner locked and limited conversation to collaborators Jan 7, 2020
Repository owner unlocked this conversation Jan 11, 2020
@commgina
Copy link

commgina commented Mar 20, 2020

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

@rediffusion
Copy link

@commgina

I think it's Cousine.

@0A7V9A
Copy link

0A7V9A commented May 16, 2020

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

Repository owner locked as resolved and limited conversation to collaborators May 16, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants