Electron 使用字体（12）

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

传统上，终端使用等宽字体。我们选择一个 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…