Jetbrainsmono: [Request] Easy way to add the font with css

Created on 26 Jan 2020  路  4Comments  路  Source: JetBrains/JetBrainsMono

Like with Fira Code you can

@import url("https://cdn.jsdelivr.net/gh/tonsky/[email protected]/distr/fira_code.css");

Most helpful comment

An easy to import css file like that would be nice!

However, it is possible to link to the fonts via jsdelivr in your own css:

@font-face{
  font-family: 'JetBrainsMono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

All 4 comments

An easy to import css file like that would be nice!

However, it is possible to link to the fonts via jsdelivr in your own css:

@font-face{
  font-family: 'JetBrainsMono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

Thx

@import url("https://dev-cats.github.io/code-snippets/JetBrainsMono.css");
Was this page helpful?
0 / 5 - 0 ratings