FiraCode

Referenced Source Files

Dockerfile

WORKDIR /app/code-server/lib/vscode/out/vs/workbench
ADD FiraCode/fonts/* ./fonts/
ADD FiraCode/fonts.css ./
RUN cat fonts.css >> workbench.web.main.css

fonts.css

/* ::CUSTOM VSCODE FONTS:: */
@font-face {
  font-family: 'FiraCode';
  src: url('fonts/FiraCode-Regular-NerdFont-Complete.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FiraCode Mono';
  src: url('fonts/FiraCode-Regular-NerdFont-Complete-Mono.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FiraCode Win';
  src: url('fonts/FiraCode-Regular-NerdFont-Complete-Windows-Compatible.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FiraCode Win Mono';
  src: url('fonts/FiraCode-Regular-NerdFont-Complete-Mono-Windows-Compatible.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

We add custom fonts on build time to the Arkanum docker image. Therefore we copy the font files and patch the CodeServer / Openvscode-server workbench.css files. So we can use host and consume additional fonts without relying on external CDNs.