githubnext / monaspace

An innovative superfamily of fonts for code
https://monaspace.githubnext.com
SIL Open Font License 1.1
13.98k stars 232 forks source link

Mix & Match? 😢 #30

Open raskyld opened 10 months ago

raskyld commented 10 months ago

Hello!

This is somehow related to #6 but I would like to ask for a more generic one, I know some monospaced fonts are capable of mixing standard monospaced and handwritten style when the text is in comment block (probably they just change the italic variant?).

Could be build monaspace to allow that? In my specific case, I would like to Argon for my code and Radon for my comments 🙏

Thanks for your awesome work ❤️

goldenraphti commented 10 months ago

I'm also looking for this. In the way "Operator Mono" or "Victor Mono" does it

anyway, awesome work, awesome project ❤️ ⭐ thanks to anyone involved in this 👏

Aloso commented 10 months ago

This is not possible to implement in the font, it needs to be implemented in VS Code (or whatever editor you're using).

VS Code already allows making certain scopes italic or bold, only the font family isn't configurable yet.

urzhumskov commented 10 months ago

in VSCode, this is doable if you install the APC extension and provide a custom stylesheet.

E. g., to use Radon for comments:

.mtk5 {
  font-family: "Monaspace Radon Var";
}

(look up specific classes using dev tools)

kcoderhtml commented 10 months ago

Has anyone found the class for copilot suggestions? Whenever I click on the eyedropper to find it, the suggestion goes away.

fspoettel commented 10 months ago

@kcoderhtml the class for an Copilot inline suggestion is class="mtk1 ghost-text-decoration" for me.

You can inspect transient DOM elements by e.g. halting the app with a debugger after a delay with a console statement like:

setTimeout(() => { debugger; }, 10000);
ketozhang commented 10 months ago

(probably they just change the italic variant?)

I've seen this done before. IIRC it was Cascadia Code who had a cursive font for their italics.

mashaal commented 10 months ago

Helpful thread... My current settings for MacOS APC extension. Radon comments and Thin Krypton Copilot

"apc.stylesheet": {
    ".mtk3": "font-family: 'Monaspace Radon Var'; font-weight: 500;",
    ".ghost-text-decoration, .ghost-text-decoration-preview": "font-family: 'Monaspace Krypton Var'; font-weight: 200;"
}
WindSoilder commented 10 months ago

Just curious, can I enable such feature in neovim?

fpigeonjr commented 10 months ago

Helpful thread... My current settings for MacOS APC extension. Radon comments and Thin Krypton Copilot

"apc.stylesheet": {
    ".mtk3": "font-family: 'Monaspace Radon Var'; font-weight: 500;",
    ".ghost-text-decoration, .ghost-text-decoration-preview": "font-family: 'Monaspace Krypton Var'; font-weight: 200;"
}

🤩 thank you. This worked for me.

x-tropy commented 10 months ago

Helpful thread... My current settings for MacOS APC extension. Radon comments and Thin Krypton Copilot

"apc.stylesheet": {
    ".mtk3": "font-family: 'Monaspace Radon Var'; font-weight: 500;",
    ".ghost-text-decoration, .ghost-text-decoration-preview": "font-family: 'Monaspace Krypton Var'; font-weight: 200;"
}

Thanks! BTW 'var' is not needed for macOS users. Just use font-family: 'monaspace krypton'

pa-0 commented 5 months ago

Has anyone found the class for copilot suggestions? Whenever I click on the eyedropper to find it, the suggestion goes away.

@kcoderhtml OOB, you can control the font for code blocks the AI suggests in chat with the following settings:

chat.editor.fontFamily
chat.editor.fontSize
chat.editor.fontWeight
chat.editor.lineHeight

I assume typing chat will give you additional syntax for further customization.