如何增大Apache Zeppelin UI的字体与界面显示尺寸？

方案1：前端自定义样式配置（单用户生效，无需重启服务） #

• 打开Zeppelin页面，点击右上角用户名下拉菜单，选择Appearance（外观）选项
• 在Custom Stylesheet输入框中填入以下CSS代码，可根据个人视觉习惯调整各属性的像素值：

/* 全局基础字体设置 */
body {
  font-size: 16px !important;
  font-weight: 450 !important;
}
/* 侧边栏菜单调整 */
.zeppelin-sidebar .nav-item {
  font-size: 15px !important;
  padding: 10px 8px !important;
}
/* 笔记编辑区字体调整 */
.paragraph .editor {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* 运行结果输出区调整 */
.paragraph .output {
  font-size: 15px !important;
}
/* 顶部导航栏适配 */
.navbar {
  height: 55px !important;
  font-size: 15px !important;
}

• 保存设置后刷新页面即可生效。

方案2：浏览器端临时适配 #

• 打开Zeppelin页面后，按下快捷键Ctrl + +可全局放大页面，Ctrl + -缩小页面，Ctrl + 0恢复默认比例。
• 若只需调整字体大小不缩放整体布局，可在浏览器设置中针对Zeppelin站点单独设置字体缩放级别。

方案3：服务端全局配置（多用户场景生效，需重启服务） #

• 进入Zeppelin安装目录的conf文件夹，复制zeppelin-site.xml.template为zeppelin-site.xml（如果文件不存在）
• 在zeppelin-site.xml中添加如下配置：

<property>
  <name>zeppelin.ui.custom.css</name>
  <value>/your/custom/css/path/zeppelin_custom.css</value>
  <description>Custom CSS file path for Zeppelin UI</description>
</property>

• 在你指定的自定义CSS文件路径下写入方案1中的样式代码，重启Zeppelin服务后所有访问用户都会应用该样式配置。

内容的提问来源于stack exchange，提问作者Danylo Liakhovetskyi