Allow custom fonts #1374

gjrtimmer · 2020-02-27T09:29:19Z

Feature Request

I would like the ability to have the ability to have the font I use for all my development FireCode to be included so its pushed to the client.

I'm not really a star when it comes to CSS, but maybe this would be possible with something like a @font-face which would push the font to the client. Then when you configure the font in Code, because its pushed to the client you can have the FireCode font and ligatures without installing the font on the client.

I would also accept solutions from anyone, how to hack some files to get this working.

Hopefully I'm not the only one using this font.

With Kind Regards,
Gert-Jan Timmer

The text was updated successfully, but these errors were encountered:

Just-Insane · 2020-02-27T21:07:57Z

You can do this with a Cloudflare app in front of your sub domain for code. Works pretty well. Was not able to find a way to do it via reverse proxy/etc.

nhooyr · 2020-02-27T21:11:02Z

I would agree it should be a first class feature as fonts are a big part of editor customization and development.

kylecarbs · 2020-02-27T22:06:26Z

Will make this a priority. Agreed it's a big one.

gjrtimmer · 2020-03-05T20:00:06Z

Thank you, it would really help at lot of people.

demyxco · 2020-03-05T20:12:26Z

This would be an amazing feature so I can finally include a powerline font that would go great with Oh My Zsh.

Merith-TK · 2020-03-10T19:06:10Z

@Just-Insane you say this is possible with cloudflare? where and how?

Just-Insane · 2020-03-10T19:21:40Z

Under the Apps section for your domain in Cloudflare, you should find an app called "Add CSS" developed by Cloudflare Labs.

In the settings for this app, you select your subdomain that code-server is running on, and then enter the CSS:

@font-face {
  font-family: 'Fira Code';
  src: url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff2/FiraCode-Light.woff2') format('woff2'),
    url("https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff/FiraCode-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff2/FiraCode-Regular.woff2') format('woff2'),
    url("https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff/FiraCode-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff2/FiraCode-Medium.woff2') format('woff2'),
    url("https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff/FiraCode-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff2/FiraCode-Bold.woff2') format('woff2'),
    url("https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff/FiraCode-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Fira Code VF';
  src: url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff2/FiraCode-VF.woff2') format('woff2-variations'),
       url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@2/distr/woff/FiraCode-VF.woff') format('woff-variations');
  /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */
  font-weight: 300 700;
  font-style: normal;
}

I don't exactly remember where I found this from (CDN URL in the CSS), but the overall CSS file is available on github: https://github.com/tonsky/FiraCode/blob/master/distr/fira_code.css

Merith-TK · 2020-03-10T20:13:34Z

neat, is it possible to make this an extension? to load a font off the internet?

kylecarbs · 2020-03-10T21:59:06Z

@Just-Insane very cool. Great workaround for now!

Just-Insane · 2020-03-10T22:05:56Z

There is probably a way you can intercept the pages using nginx/Apache as a reverse proxy, but I wasn’t able to get it working in the time I had.

Merith-TK · 2020-03-13T16:09:35Z

@Just-Insane does this enable font ligatures? like converting => to the special char?

Just-Insane · 2020-03-13T16:56:32Z

That is correct, it does the same as if you installed Fira Code for VS Code on your desktop. On Mar 13, 2020, at 12:09 PM, Merith <[email protected]> wrote: @Just-Insane<https://github.com/Just-Insane> does this enable font ligatures? like converting => to the special char? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#1374 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ADZKZDFECEUIBM7UKS62T53RHJLE5ANCNFSM4K4XF2LQ>.

gyzerok · 2020-05-13T08:06:43Z

For me using FiraCode just works.

I am using macOS and I've added FiraCode to the OS. Probably if you register the font with other OSes it will work as well.

nhooyr · 2020-05-13T08:20:05Z

Might have been added to vscode-web.

cc @code-asher

code-asher · 2020-05-13T15:19:22Z

Installing the font should always work but I think this feature request is for using a webfont which I don't believe is supported yet.

Just-Insane · 2020-05-13T15:22:16Z

Installing the font should always work but I think this feature request is for using a webfont which I don't believe is supported yet.

Yes, this is for the web server telling the client to use a specific font (usually CSS). Installing a font on the OS of each system you may want to use is not always possible.

Merith-TK · 2020-05-13T17:44:51Z

well installing the font assumes you are on a computer where you are able to do so.

Windows: requires admin+reboot to properly install font, and even then custom fonts may be disabled by an admin at a workplace
Linux: Requires that your computer actually knows how to handle the font (most systems are, but there is that one chance)
MacOS: No clue on this one, never used a mac for this sortof stuff
Chromebook: Name one way to install a font on a chromebook that is official from google and not a JS or CSS injection.

EDIT: just realized this ties in with

Yes, this is for the web server telling the client to use a specific font (usually CSS). Installing a font on the OS of each system you may want to use is not always possible.

demyxco · 2020-05-13T19:24:34Z

MacOS: No clue on this one, never used a mac for this sortof stuff

Installing fonts on macOS requires users to open the font file they want to install then click the Install Font button in the new window. The font is now available system wide.

The ability to load any font (without it installed on the user’s machine) would make it possible to bundle the font(s) directly into a package. Example would be a Docker image; all my code-server containers are in remote machines.

Merith-TK · 2020-05-13T21:01:40Z

honestly, making it so it loads custom font files from $DATA_DIR/fonts via some js in the actual code would work

canbakiskan · 2020-05-27T23:36:52Z

What I noticed on MacOS and iPadOS is that even if you install custom fonts, Safari doesn't use them. Though somehow Firefox manages to display them. So it's an issue with Safari as far as I can tell. To overcome this, it would be nice if we could inject @font-face{url(/font/dir/font)} etc. without client-side code injection extensions. (Extensions are not allowed on ipadOS.)

Merith-TK · 2020-05-28T00:24:54Z

@canbakiskan what could be done would be a simple addition to the code where it reads fonts and loads them in the CSS

chilcano · 2020-06-04T21:13:46Z

@canbakiskan wrote:

What I noticed on MacOS and iPadOS is that even if you install custom fonts, Safari doesn't use them. Though somehow Firefox manages to display them. So it's an issue with Safari as far as I can tell. To overcome this, it would be nice if we could inject @font-face{url(/font/dir/font)} etc. without client-side code injection extensions. (Extensions are not allowed on ipadOS.)

I’m having the same issue. I’ve tried to use the SourceCodePro+Powerline+Awesome+Regular.ttf fonts in iPad without success. I installed custom fonts in iPad but seems the Safari, Firefox and Chrome don’t recognize the custom font even if "terminal.integrated.fontFamily": "SourceCodePro+Powerline+Awesome" has been configured in code-server’ settings.json.

Yes, it would be nice if we could inject @font-face{url(/font/dir/font)} and package the custom fonts in the code-server.

Regards.

mateusrevoredo · 2020-06-12T11:07:57Z

For those of you who are still looking for a solution I've managed to solve this by using NGINX as a reverse proxy to serve the downloaded fonts from a custom directory injecting a custom css file.

Now I'm able to use VS Code on my iPad Pro with the programming ligatures enabled.

Here's my nginx config:

server {
    listen 8081;

    location / {
        proxy_pass http://localhost:8080;

        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;

        sub_filter
        '</head>'
        '<link rel="stylesheet" type="text/css" href="/ios-fonts/css/fonts.css">
        </head>';
        sub_filter_once on;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_redirect off;
    }

    location /ios-fonts {
        autoindex on;
        root /var/www/html;
    }
}

And then I have inside /var/www/html this structure:

.
└── ios-fonts
    ├── css
    │   └── fonts.css
    └── fonts
        ├── FiraCode-Regular.woff
        └── FiraCode-Regular.woff2

And this is the content of fonts.css

@font-face {
  font-family: 'Fira Code';
  src: url('/ios-fonts/fonts/FiraCode-Regular.woff2') format('woff2'),
    url("/ios-fonts/fonts/FiraCode-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

The reason I don't have any references to my domain or certificates on the nginx config is because I manage all my certificates using Traefik, so here's what I do:

[http.routers]
  [http.routers.code-server]
      entryPoints = ["https"]
      rule = "Host(`vscode.mydomain.com`)"
      service = "code-server"
      middlewares = ["secureheaders"]
      [http.routers.code-server.tls]
        certresolver = "letsencrypt"

[http.services]
  [http.services.code-server]
    [http.services.code-server.loadBalancer]
      [[http.services.code-server.loadBalancer.servers]]
        url = "http://ip-of-code-server:8081"

So yeah, although not ideal, kinda hacky and double proxied, that's the only solution I could find for now.

chilcano · 2020-06-12T11:45:42Z

Thanks @mateusrevoredo !!
That's amazing.

tuanpham-dev · 2020-06-19T20:43:28Z

My solution is inserting css directly to lib/vscode/out/vs/workbench/workbench.web.api.css to use my font in editor and powerline font in terminal. The only problem is you have to run patch again after you upgrading code-server. I created a shell script to do that, check it out, you can modify it to use your favorite fonts https://github.com/tuanpham-dev/code-server-font-patch

moelife-coder · 2020-06-26T09:18:44Z

I have created a Pacman Hook that automatically insert Fira Code Font to website for Arch Linux users using method from tuanpham-dev's comment.

JWleo · 2022-05-27T07:41:00Z

@JWleo I forgot to mention the powerlevel10k font isn't installed locally on the iPad. To remove that keyboard toolbar icon, go to Settings > General > Keyboard then toggle off Shortcuts and Predictive.

me too. The powerlevel10k just need to install on the server-device, and you just install the fonts on your own device to call the powerlevel10k on server.

Sharpz7 · 2022-06-01T13:31:28Z

@ManiaciaChao version 4.2.0, the workbench.html's path is changed: <install-path>/vendor/modules/code-oss-dev/out/vs/code/browser/workbench/workbench.html to <install-path>/lib/vscode/out/vs/code/browser/workbench/workbench.html

However, unless workbench.html's name is changed, this command might always work to load web font(Fira Code Regular). (the path of workbench.html doesn't matter!)
cd /usr/lib/code-server #my install path

#find workbench.html and add style code
find . -name workbench.html | sudo xargs sed -i "s%</head>%<style>@import url('https://fonts.googleapis.com/css2?family=Fira+Code\&display=swap');</style></head>%g"
Therefore, you can apply the font by executing this command.
cd /usr/lib/code-server #my install path

#find workbench.html and add style code
find . -name workbench.html | sudo xargs sed -i "s%</head>%<style>@import url('https://fonts.googleapis.com/css2?family=Fira+Code\&display=swap');</style></head>%g"

# update style-src
grep -rl "style-src 'self' 'unsafe-inline'" . | sudo xargs sed -i "s/style-src 'self' 'unsafe-inline'/style-src 'self' 'unsafe-inline' fonts.googleapis.com/g"
# update font-src
grep -rl "font-src 'self' blob:" . | sudo xargs sed -i "s/font-src 'self' blob:/font-src 'self' blob: fonts.gstatic.com/g"

# then restart code-server
EDIT: workbench.html's path in 4.3.0 is same as 4.2.0!

In 4.4.0, this doesn't seem to work, as vscode's iframe has a security policy that you cannot override. Any ideas?

tuanpham-dev · 2022-06-01T14:07:27Z

@Sharpz7 - I have updated the font patch for version 4.4.0. If you don't find any solution, try mime. https://github.com/tuanpham-dev/code-server-font-patch

Sharpz7 · 2022-06-06T16:08:31Z

Yeah this works. Thank you!

dylanspag · 2022-07-04T07:32:32Z

@JWleo me too and it works on my iPad.

How’d you get this working on the iPad?

JWleo · 2022-07-05T05:41:23Z

@dylanspag before you want to change the fonts of code-sever,you must change your fonts on web browser.
you can get some app to install your own fonts of power10k to your ipad,and at the same time you will install the fonts on your web-browser. Then using the browser to open your code-server site.

Now you can use oh-my-zsh just like normal

ThatAnonyG · 2022-07-10T10:14:00Z

The Nginx method ain't working for me. Any help is appreciated. I am checking the index.html I am getting from the server and it is missing the link I am adding with sub_filter.

server {
	listen 8081;
	server_name pipad.local;

	location / {
		proxy_pass http://localhost:8080;

		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header Host $http_host;
		proxy_set_header X-NginX-Proxy true;
		proxy_set_header Accept-Encoding gzip;

		sub_filter '</head>' '<link rel="stylesheet" type="text/css" href="/custom/fonts/index.css"></head>';
		sub_filter_once on;

		proxy_http_version 1.1;

		proxy_set_header Upgrade $http_upgrade;		
		proxy_set_header Connection "upgrade";

		proxy_redirect off;
	}			

	location /custom {
		autoindex on;
		root /var/www/code-server;
	}
}

Edit: I haven't enabled SSL yet.

ThatAnonyG · 2022-07-10T15:52:33Z

Its really insane how slow this project is to implement something or solve bugs. I have been trying to complete this setup for 2 days and every issue I came across is still unresolved even though they are so trivial. Imagine having to wait 2-3 years to get native custom font support. Even if the maintainers are busy, 3 years is just way too long. Jesus.

benz0li · 2022-07-17T09:36:35Z

Its really insane how slow this project is to implement something or solve bugs.

@ThatAnonyG You are always welcome to contribute.

I have been trying to complete this setup for 2 days and every issue I came across is still unresolved even though they are so trivial. Imagine having to wait 2-3 years to get native custom font support. Even if the maintainers are busy, 3 years is just way too long. Jesus.

There are several [working] ways to enable custom fonts.

RobertoSchneiders · 2022-11-16T17:18:03Z

it would be nice if we could have a wiki page or something explaining the methods that are currently working.

jsjoeio · 2022-11-30T16:50:20Z

Feel free to raise a PR and add it to the docs!

gjrtimmer · 2023-03-13T11:42:18Z

I think that we have to find a way to hammer out the different methods and turn them into Wiki pages as suggested.

NelsonTran21 · 2023-04-24T03:07:29Z

The Nginx method ain't working for me. Any help is appreciated. I am checking the index.html I am getting from the server and it is missing the link I am adding with sub_filter.

server {
	listen 8081;
	server_name pipad.local;

	location / {
		proxy_pass http://localhost:8080;

		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_set_header Host $http_host;
		proxy_set_header X-NginX-Proxy true;
		proxy_set_header Accept-Encoding gzip;

		sub_filter '</head>' '<link rel="stylesheet" type="text/css" href="/custom/fonts/index.css"></head>';
		sub_filter_once on;

		proxy_http_version 1.1;

		proxy_set_header Upgrade $http_upgrade;		
		proxy_set_header Connection "upgrade";

		proxy_redirect off;
	}			

	location /custom {
		autoindex on;
		root /var/www/code-server;
	}
}

Edit: I haven't enabled SSL yet.

@ThatAnonyG The issue might be caused by the Accept-Encoding header being set to gzip, which can result in compressed responses from code-server. The sub_filter directive doesn't work with compressed responses (only works with plain text), so the substitution won't take effect.

If code-server sends a compressed response, Nginx will ignore it. Try setting the Accept-Encoding header to an empty string ("" instead of gzip) to indicate that Nginx doesn't accept compressed responses.

J4gQBqqR · 2023-05-30T00:47:56Z

None of the above works...
Or how should I say it... I saw the font changed, but the glyph is ugly unresolved.
Then what is the whole point changing fonts?

J4gQBqqR · 2023-05-30T01:23:09Z

benz0li · 2023-05-30T07:10:04Z

None of the above works...

@J4gQBqqR #1374 (comment) works just fine.
ℹ️ Be aware of #1374 (comment).

J4gQBqqR · 2023-05-30T09:42:35Z

None of the above works...

@J4gQBqqR #1374 (comment) works just fine. ℹ️ Be aware of #1374 (comment).

Sorry, it does not work:

./code-font.sh 
sed: can't read /usr/lib/code-server/src/browser/pages/vscode.html: No such file or directory
sed: can't read /usr/lib/code-server/src/browser/pages/vscode.html: No such file or directory
sed: can't read /usr/lib/code-server/src/browser/pages/vscode.html: No such file or directory

ls /usr/lib/code-server/src/browser/pages
error.css  error.html  global.css  login.css  login.html

The code server that I use is the latest build installed by yay in Arch Linux. As you can see, this file does not exist.
It seems to me that all the solutions above are building on shifting sands and depending on broken promise.
I've spent hours on trying this, regretfully finding that there is no stable solution.

benz0li · 2023-05-30T09:52:17Z

It seems to me that all the solutions above are building on shifting sands and depending on broken promise.

I successfully use https://github.com/b-data/jupyterlab-r-docker-stack/blob/main/base/latest.Dockerfile#L210-L215.
ℹ️ Release: code-server-4.13.0-linux-amd64.tar.gz; installation path: /opt/code-server; assets at <installation-path>/src/browser/media

Check out https://demo.jupyter.b-data.ch. Login with GitHub account.

I've spent hours on trying this, regretfully finding that there is no stable solution.

@J4gQBqqR File location may change over time, so you have to adapt your script.

jaredcwhite · 2023-10-19T03:23:57Z

For anyone looking for a solution using Caddy reverse proxy on macOS (as I happen too), here you go! In Caddyfile:

your.domain.name {
  handle_path /my_extras/* {
    root * /Users/yourusername/apps/code-server-extras
    file_server
  }
  handle {
    reverse_proxy 127.0.0.1:8080
  }
}

And then I had to locate the main CSS file which was in:
/opt/homebrew/Cellar/code-server/4.17.1/libexec/lib/vscode/out/vs/workbench/workbench.web.main.css

and add something like @import "/my_extras/path/to/stylesheet.css";

That would include the necessary @font-face directives pointing to locally-installed font files. And yes, works on iPad!

dotNetCory · 2023-12-07T15:52:38Z

You know, this would be really handy to set up for accessibility reasons

Merith-TK · 2023-12-07T16:07:36Z

or atleast an varient to what @jaredcwhite did, where the applications CSS automatically loads an customizations folder

demyxco · 2023-12-07T16:36:34Z

@JWleo me too and it works on my iPad.

How’d you get this working on the iPad?

Sorry for the late reply but the file I modified is workbench.html, see more in my repo https://github.com/demyxsh/code-server/blob/1447f123bdf31abe70a7394ffe062da7a1674cf2/tag-browse/Dockerfile#L112-L127

simon-bueler · 2024-07-02T18:42:56Z

@demyxco Does it work in Safari on iPad if so, how did you get it to work? For me it only works in other browsers.

demyxco · 2024-07-02T20:49:14Z

@simon-bueler seems to be broken in Safari.

StrangeNoob · 2024-09-24T19:28:48Z

Hey

Does anyone have any idea how to do it with the latest build? I am using docker-compose with image lscr.io/linuxserver/code-server:latest.

Merith-TK · 2024-09-24T19:42:26Z

If yoy are using a docker image, Create a dockerfile. ``` FROM containerimage RUN commands to apply the patches ``` And then use that new.Docker image built FROM basically says use this image as a base for these changes

…

On Tue, Sep 24, 2024, 12:29 PM Prateek Mohanty ***@***.***> wrote: Hey Does anyone have any idea how to do it with the latest build? I am using docker-compose with image lscr.io/linuxserver/code-server:latest. — Reply to this email directly, view it on GitHub <#1374 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACPQOXU3VCZETNFAC5OTI4TZYG4QTAVCNFSM6AAAAABKIDKOKSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGE4DKOBZGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>

StrangeNoob · 2024-09-24T21:25:42Z

If yoy are using a docker image, Create a dockerfile. FROM containerimage RUN commands to apply the patches And then use that new.Docker image built FROM basically says use this image as a base for these changes
…
On Tue, Sep 24, 2024, 12:29 PM Prateek Mohanty @.> wrote: Hey Does anyone have any idea how to do it with the latest build? I am using docker-compose with image lscr.io/linuxserver/code-server:latest. — Reply to this email directly, view it on GitHub <#1374 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACPQOXU3VCZETNFAC5OTI4TZYG4QTAVCNFSM6AAAAABKIDKOKSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNZSGE4DKOBZGE . You are receiving this because you were mentioned.Message ID: @.>

I have tried to do something like this

code-server:
    container_name: code-server
    image: lscr.io/linuxserver/code-server:latest
    restart: unless-stopped
    environment:
      - PUID=${CODE_SERVER_PUID}
      - PGID=${CODE_SERVER_PGID}
      - TZ=${CODE_SERVER_TZ}
      - SUDO_PASSWORD=${CODE_SERVER_SUDO_PASSWORD}
      - PROXY_DOMAIN=${CODE_SERVER_PROXY_DOMAIN}
      - DEFAULT_WORKSPACE=/workspace
      - DOCKER_MODS=linuxserver/mods:code-server-zsh|linuxserver/mods:code-server-nvm|linuxserver/mods:universal-package-install
      - INSTALL_PACKAGES=fontconfig
    volumes:
      - ./config/code-server/config:/config
      - /home/strangenoob/workspace:/workspace
      - ./fonts:/usr/share/fonts/custom 
      - ./custom/script.sh:/custom-cont-init.d:ro
    env_file: .env
    networks:
      - proxy
    healthcheck:
      test: [ "CMD", "curl", "-f", "http://localhost:8443/" ]
      interval: 30s
      timeout: 10s
      retries: 3
      start_period: 10s
    labels:
      - traefik.enable=true
      - traefik.http.routers.code-server.rule=Host(`code-space.example.com`)
      - traefik.http.routers.code-server.entrypoints=https
      - traefik.http.routers.code-server.tls.certresolver=cloudflare
      - traefik.http.services.code-server.loadbalancer.server.port=8443
      - traefik.http.routers.code-server.middlewares=authentik@docker`

With script file is like

#!/bin/sh
   set -e
   
   # Update font cache
   fc-cache -f -v /usr/share/fonts/custom

I have changed the settings but it didn't work.

{ 
      "editor.fontWeight": "normal",
       "editor.fontLigatures": true,
       "terminal.integrated.fontFamily": "'MesloLGS NF'",
       "terminal.integrated.fontSize": 16,
       "editor.fontFamily": "'FiraCode Nerd Font'",
}

But if I tried to access the list of font installed. Its showing FiraCode

➜  workspace fc-list     
/usr/share/fonts/truetype/dejavu/DejaVuSerif-Bold.ttf: DejaVu Serif:style=Bold
/usr/share/fonts/custom/MesloLGS NF Bold Italic.ttf: MesloLGS NF:style=Bold Italic
/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf: DejaVu Sans Mono:style=Book
/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf: DejaVu Sans:style=Book
/usr/share/fonts/custom/FiraCode-Retina.ttf: Fira Code,Fira Code Retina:style=Retina,Regular
/usr/share/fonts/custom/FiraCodeNerdFont-Regular.ttf: FiraCode Nerd Font:style=Regular
/usr/share/fonts/custom/FiraCodeNerdFont-Bold.ttf: FiraCode Nerd Font:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-Oblique.ttf: DejaVu Sans Mono:style=Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf: DejaVu Sans:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-BoldOblique.ttf: DejaVu Sans Mono:style=Bold Oblique
/usr/share/fonts/custom/FiraCode-Bold.ttf: Fira Code:style=Bold
/usr/share/fonts/custom/FiraCodeNerdFontPropo-Retina.ttf: FiraCode Nerd Font Propo,FiraCode Nerd Font Propo Ret:style=Retina,Regular
/usr/share/fonts/custom/FiraCode-Light.ttf: Fira Code,Fira Code Light:style=Light,Regular
/usr/share/fonts/custom/FiraCode-SemiBold.ttf: Fira Code,Fira Code SemiBold:style=SemiBold,Regular
/usr/share/fonts/custom/FiraCodeNerdFontPropo-Bold.ttf: FiraCode Nerd Font Propo:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-Bold.ttf: DejaVu Sans Mono:style=Bold
/usr/share/fonts/custom/MesloLGS NF Regular.ttf: MesloLGS NF:style=Regular
/usr/share/fonts/custom/FiraCodeNerdFontPropo-SemiBold.ttf: FiraCode Nerd Font Propo,FiraCode Nerd Font Propo SemBd:style=SemiBold,Regular
/usr/share/fonts/custom/FiraCodeNerdFontPropo-Light.ttf: FiraCode Nerd Font Propo,FiraCode Nerd Font Propo Light:style=Light,Regular
/usr/share/fonts/custom/FiraCodeNerdFont-SemiBold.ttf: FiraCode Nerd Font,FiraCode Nerd Font SemBd:style=SemiBold,Regular
/usr/share/fonts/custom/FiraCodeNerdFont-Light.ttf: FiraCode Nerd Font,FiraCode Nerd Font Light:style=Light,Regular
/usr/share/fonts/custom/FiraCodeNerdFont-Retina.ttf: FiraCode Nerd Font,FiraCode Nerd Font Ret:style=Retina,Regular
/usr/share/fonts/custom/FiraCode-Regular.ttf: Fira Code:style=Regular
/usr/share/fonts/custom/FiraCode-Medium.ttf: Fira Code,Fira Code Medium:style=Medium,Regular
/usr/share/fonts/custom/FiraCodeNerdFontPropo-Medium.ttf: FiraCode Nerd Font Propo,FiraCode Nerd Font Propo Med:style=Medium,Regular
/usr/share/fonts/custom/MesloLGS NF Bold.ttf: MesloLGS NF:style=Bold
/usr/share/fonts/custom/MesloLGS NF Italic.ttf: MesloLGS NF:style=Italic
/usr/share/fonts/custom/FiraCodeNerdFontPropo-Regular.ttf: FiraCode Nerd Font Propo:style=Regular
/usr/share/fonts/custom/FiraCodeNerdFont-Medium.ttf: FiraCode Nerd Font,FiraCode Nerd Font Med:style=Medium,Regular
/usr/share/fonts/truetype/dejavu/DejaVuSerif.ttf: DejaVu Serif:style=Book

SherkeyXD · 2025-02-19T09:11:21Z

Perhaps it would be a good idea to provide a link to this issue in the FAQ section of the documentation?

nhooyr added the enhancement Some improvement that isn't a feature label Feb 27, 2020

nhooyr changed the title ~~Feature: add font-firacode~~ Allow custom fonts Feb 27, 2020

nhooyr mentioned this issue Feb 27, 2020

Load custom CSS #1160

Closed

nhooyr mentioned this issue Apr 9, 2020

editor.fontFamily Support #760

Closed

Sharpz7 mentioned this issue Jun 7, 2022

[Feat]: Allow Custom Fonts Throught Env Vars #5246

Closed

yuxuan-z19 mentioned this issue Oct 21, 2024

如何修改字体？ nightmare-space/code_lfa#34

Open

Allow custom fonts #1374

Allow custom fonts #1374

Comments

gjrtimmer commented Feb 27, 2020

Feature Request

Just-Insane commented Feb 27, 2020

nhooyr commented Feb 27, 2020

kylecarbs commented Feb 27, 2020

gjrtimmer commented Mar 5, 2020

demyxco commented Mar 5, 2020

Merith-TK commented Mar 10, 2020

Just-Insane commented Mar 10, 2020

Merith-TK commented Mar 10, 2020

kylecarbs commented Mar 10, 2020

Just-Insane commented Mar 10, 2020

Merith-TK commented Mar 13, 2020

Just-Insane commented Mar 13, 2020 via email

gyzerok commented May 13, 2020 • edited Loading

nhooyr commented May 13, 2020

code-asher commented May 13, 2020

Just-Insane commented May 13, 2020

Merith-TK commented May 13, 2020 • edited Loading

demyxco commented May 13, 2020

Merith-TK commented May 13, 2020

canbakiskan commented May 27, 2020

Merith-TK commented May 28, 2020

chilcano commented Jun 4, 2020

mateusrevoredo commented Jun 12, 2020

chilcano commented Jun 12, 2020

tuanpham-dev commented Jun 19, 2020

moelife-coder commented Jun 26, 2020

JWleo commented May 27, 2022

Sharpz7 commented Jun 1, 2022

tuanpham-dev commented Jun 1, 2022

Sharpz7 commented Jun 6, 2022

dylanspag commented Jul 4, 2022

JWleo commented Jul 5, 2022 • edited Loading

ThatAnonyG commented Jul 10, 2022 • edited Loading

ThatAnonyG commented Jul 10, 2022 • edited Loading

benz0li commented Jul 17, 2022

RobertoSchneiders commented Nov 16, 2022

jsjoeio commented Nov 30, 2022

gjrtimmer commented Mar 13, 2023

NelsonTran21 commented Apr 24, 2023

J4gQBqqR commented May 30, 2023 • edited Loading

J4gQBqqR commented May 30, 2023

benz0li commented May 30, 2023

J4gQBqqR commented May 30, 2023 • edited Loading

benz0li commented May 30, 2023 • edited Loading

jaredcwhite commented Oct 19, 2023 • edited Loading

dotNetCory commented Dec 7, 2023

Merith-TK commented Dec 7, 2023

demyxco commented Dec 7, 2023

simon-bueler commented Jul 2, 2024 • edited Loading

demyxco commented Jul 2, 2024

StrangeNoob commented Sep 24, 2024

Merith-TK commented Sep 24, 2024 via email

StrangeNoob commented Sep 24, 2024

SherkeyXD commented Feb 19, 2025

gyzerok commented May 13, 2020 •

edited

Loading

Merith-TK commented May 13, 2020 •

edited

Loading

JWleo commented Jul 5, 2022 •

edited

Loading

ThatAnonyG commented Jul 10, 2022 •

edited

Loading

ThatAnonyG commented Jul 10, 2022 •

edited

Loading

J4gQBqqR commented May 30, 2023 •

edited

Loading

J4gQBqqR commented May 30, 2023 •

edited

Loading

benz0li commented May 30, 2023 •

edited

Loading

jaredcwhite commented Oct 19, 2023 •

edited

Loading

simon-bueler commented Jul 2, 2024 •

edited

Loading