Skip to content

Instantly share code, notes, and snippets.

@outaTiME
Last active August 10, 2023 05:48
Show Gist options
  • Save outaTiME/fa59d54f03c01a2c89c39dc6b97bf821 to your computer and use it in GitHub Desktop.
Save outaTiME/fa59d54f03c01a2c89c39dc6b97bf821 to your computer and use it in GitHub Desktop.
@font-face {
font-family: "Fira Code Nerd Font";
font-style: normal;
font-weight: 200;
src: url('https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/FiraCode/Light/complete/Fura%20Code%20Light%20Nerd%20Font%20Complete.ttf') format('truetype');
font-variant-ligatures: none;
}
@font-face {
font-family: "Fira Code Nerd Font";
font-style: normal;
font-weight: 400;
src: url('https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/FiraCode/Retina/complete/Fura%20Code%20Retina%20Nerd%20Font%20Complete.ttf') format('truetype');
font-variant-ligatures: none;
}
@font-face {
font-family: "Fira Code Nerd Font";
font-weight: 600;
src: url('https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/FiraCode/Medium/complete/Fura%20Code%20Medium%20Nerd%20Font%20Complete.ttf') format('truetype');
font-variant-ligatures: none;
}
@font-face {
font-family: "Fira Code Nerd Font";
font-weight: 800;
src: url('https://github.com/ryanoasis/nerd-fonts/raw/master/patched-fonts/FiraCode/Bold/complete/Fura%20Code%20Bold%20Nerd%20Font%20Complete.ttf') format('truetype');
font-variant-ligatures: none;
}
@noraworld
Copy link

This seems not working... I tried the below and it works fine.

<!-- HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@4/distr/fira_code.css">
/* CSS */
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@4/distr/fira_code.css);
/* Specify in CSS */
code { font-family: 'Fira Code', monospace; }

https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode#browser-support

I hope this will help you and someone who reads this.

@outaTiME
Copy link
Author

Hi @noraworld,
The gist is to use the Fira Code font in the blink app without ligatures, I don't think your code serves the same purpose,

thanks anyway 🤟

@noraworld
Copy link

noraworld commented Apr 12, 2021

@outaTiME If you want to use this without ligatures, all you have to do is to add font-variant-ligatures: none; to the CSS in my code. It also works fine in the same way 🙃

@theimpostor
Copy link

Thanks, this was the tip I needed to be able to get this to work in the ChromeOS ssh app:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment