Electron 使用字体(12)

388 阅读1分钟

如果我们不想使用内置字体怎么办?需要使用的自己喜欢的字体。

传统上,终端使用等宽字体。我们选择一个 Google 的字体,叫做Nova Mono

@font-face声明

@font-face {
  font-family: 'Nova Mono';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('Nova_Mono/NovaMono-Regular.ttf') format('woff2');
}

使用字体

h1{
  font-family: Nova Mono, monospace;
}

#terminal {
  font-family: Nova Mono, monospace;
}

input {
  font-family: Nova Mono, monospace;
}

结果

代码如下:

github.com/fengjutian/…

原文:dev.to/taw/electro…