jquery-terminal - 我可以更改字体大小吗？

Question

我尝试使用以下方法更改字体大小：

终端{字体大小：2em；}

但这只会弄乱 jquery 终端显示。目前尚不清楚它是为了支持这一点而构建的。

Answer 1

查看他们的jquery.terminal.css，您应该能够执行以下操作：

.terminal div{
  margin-bottom: 10px;    
}

.terminal-output, .cmd{
  font-size: 2em !important;
}

更新：由于终端中的每一行都对应<div>一个固定的，因此您可以通过设置eachline-height来增加每行之间的间距。看看这个jsfiddle。margin-bottom<div>

此外，如果您看到的乱码是由“问候”部分引起的，您可能需要指定自己的。

Answer 2

这个问题很旧，但供将来参考，要更改终端的大小，您可以使用这个 css（很难使用 em 更改大小）

.terminal, .cmd, .terminal .terminal-output div div, .cmd .prompt {
    font-size: 20px;
    line-height: 24px;
}

或者如果您不关心 IE或 Edge，您可以使用它（从 1.0 版开始）：

.terminal {
  --size: 2;
}