如何修改网站后台字体大小_后台界面字体调整_视力友好设置
修改网站后台字体大小，通过CSS自定义实现。后台界面字体偏小对视力不友好的用户，可以调大字体。方法分两种：改服务器CSS文件（影响所有人）、用浏览器插件改（只影响自己）。
改服务器CSS文件：找到后台主样式表。PbootCMS在`apps/admin/view/default/css/style.css`，易优CMS在`static/admin/css/admin.css`，WordPress在`wp-admin/css/`。用编辑器打开，在文件末尾加： ``` body, .layui-table, .layui-input, .layui-textarea, .layui-form-label { font-size: 16px !important; } .layui-nav-item a { font-size: 16px !important; } h1, h2, h3 { font-size: 18px !important; } ``` 16px比默认14px大，需要更大就设18px。!important确保覆盖原有样式。改完清浏览器缓存（Ctrl+F5），后台字体变大。
只改特定区域：左侧导航字体小，找导航的CSS类（PbootCMS是.layui-nav，易优类似），加`.layui-nav-item a{font-size:16px !important;}`。表格内容字体小，加`.layui-table td{font-size:15px !important;}`。用F12开发者工具点选元素，看类名针对性修改，不影响其他区域。
浏览器插件方式（推荐个人用）：Chrome装"Stylus"或"Stylebot"插件，新建样式，输入后台域名，写CSS规则。比如： ``` * { font-size: 16px !important; } ``` 这种方式只改自己浏览器，不影响其他用户，不用改服务器文件。换电脑或清浏览器数据后插件配置还在（登录Chrome账号同步）。适合个人偏好，团队所有人都要大字体的话改服务器CSS。
浏览器缩放：最简单的方法，按Ctrl+加号放大整个页面，Ctrl+0恢复默认。Chrome会记住每个网站的缩放比例，下次打开自动应用。放大后布局可能错位，110%-120%通常没问题。不需要任何技术操作，新手首选。
后台编辑器字体：文章编辑区的字体单独控制。UEditor编辑器的编辑区是iframe，CSS可能不继承。在ueditor的配置里改编辑区样式：ueditor.config.js里找到`initialStyle`，设置`body{font-size:16px;}`。或者编辑器里手动选字号，但每次都要选麻烦。
移动端后台字体：手机访问后台时字体自动适配，但按钮和表格可能太小。易优和PbootCMS后台是PC端设计，手机体验一般。需要手机管理的话用宝塔小程序或对应CMS的手机版后台，字体和布局专门适配过。
修改注意：字体不要太大（超过18px），后台是工作界面，太大会导致一屏显示内容少，操作效率低。15-16px是舒适区间。改CSS前备份原文件，改坏了恢复。团队协作时改服务器CSS前和同事沟通，避免别人习惯了小字体突然变大不适应。
更新时间：2026-08-26 17:45:11