如何修改phpMyAdmin SQL编辑器字体

P粉602998670

P粉602998670

2026-07-31

464人浏览

原创

phpmyadmin sql编辑器字体需通过css修改,因底层使用codemirror 5且无$cfg['fontfamily']配置项;推荐在自定义theme css中添加.codemirror{font-family:... !important; font-size:... !important},并注意等宽字体链与跨平台兼容性。

phpmyadmin 的 sql 编辑器字体不能通过界面设置直接改,必须修改 codemirror 配置或 css —— 因为它底层用的是 codemirror 5,而字体控制权在它的 font-familyfont-size css 规则里。

为什么 config.inc.php 里的 $cfg['FontFamily'] 不生效?

phpMyAdmin 并没有 $cfg['FontFamily'] 这个配置项(常见误传)。所谓“字体设置”实际是 CodeMirror 渲染层的样式,PHP 层配置只影响连接、语言、主题等,不触达编辑器 DOM 样式。

  • 搜索 config.inc.php 发现 $cfg['FontFamily'] → 肯定是错的,删掉,避免干扰
  • 真正生效的是浏览器加载的 codemirror.css 或自定义主题 CSS 中的 .CodeMirror 类规则
  • phpMyAdmin 5.2.0+ 会把 ./themes/original/css/codemirror/ 下所有 theme-*.css 合并注入,这是唯一可控入口

手动覆盖 CodeMirror 字体的两种可靠方式

推荐优先用「主题 CSS 注入」,比改原始文件更安全、可复用;「直接 patch codemirror.css」适合快速验证但易被升级覆盖。

  • 方式一(推荐):在自定义主题 CSS 里加字体声明
    比如你已启用 $cfg['CodemirrorTheme'] = 'dracula';,就编辑 ./themes/original/css/codemirror/theme-dracula.css,在文件末尾追加:
.CodeMirror {
  font-family: "Fira Code", "SFMono-Regular", Menlo, monospace !important;
  font-size: 14px !important;
}
  • 方式二(临时调试):直接改 phpMyAdmin 自带的 codemirror.css
    路径通常是 ./js/codemirror/lib/codemirror.css,找到 .CodeMirror 块,插入同上 font-familyfont-size,保存后清浏览器缓存
  • 注意:!important 必须加,否则 phpMyAdmin 的内联样式或 theme CSS 可能覆盖它

字体选型和兼容性注意事项

别随便套用系统字体名,尤其 Windows/macOS/Linux 之间差异大;CodeMirror 是等宽编辑器,必须用等宽字体,否则 SQL 对齐错乱。

PHP 8.5.5
PHP 8.5.5

PHP 8.5.5 是 PHP 8.5 分支的维护更新版本。该版本延续了“小步快跑”的迭代逻辑,通过深度错误修复、底层性能微调以及安全加固,旨在为开发者提供一个更健壮、更高效的运行环境。该版本严格遵守语义化版本规范,不包含破坏性变更。

下载
  • 安全组合(跨平台可用):"Fira Code", "JetBrains Mono", "Source Code Pro", Consolas, "Liberation Mono", monospace
  • 避免用 "Microsoft YaHei""PingFang SC" 单独作为首项——它们不是等宽字体,中文字符会挤在一起
  • 如果要支持中文,确保字体链中至少有一个含中文的等宽字体(如 "YaHei Consolas Hybrid"),且 Web 服务器能加载(无需 @font-face,依赖系统已安装)
  • font-size 建议设为 13px15px:太小伤眼,太大拖慢滚动,且 phpMyAdmin 左侧导航栏宽度固定,字号过大可能触发横向滚动条

改完没反应?重点排查这三处

字体不生效几乎全是缓存或权限问题,跟配置逻辑无关。

  • 浏览器强制刷新:Ctrl+Shift+R(Windows/Linux)或 Cmd+Shift+R(macOS),禁用 Dark Reader 等覆盖样式插件
  • PHP OPcache 缓存了 config 或 CSS 文件:执行 sudo systemctl restart php*-fpm(Ubuntu/Debian)或 sudo service php-fpm restart(CentOS)
  • 文件权限不对:theme-dracula.css 必须是 644,且 Web 用户(如 www-data)有读取权限;检查 ls -l ./themes/original/css/codemirror/

真正麻烦的不是加字体,而是让不同操作系统、不同浏览器、不同中文环境下的等宽字体链稳定 fallback —— 多试几次 font-family 顺序,用 DevTools 实时看 computed style 才算落地。

php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

php phpmyadmin

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

5456

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

3609

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

1786

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

2272

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

2786

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

1999

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

3051

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

2314

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

10931

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 常见问题
phpMyAdmin 常见问题

共0课时 | 0人学习

phpMyAdmin 配置文档
phpMyAdmin 配置文档

共0课时 | 0人学习

phpMyAdmin 安装文档
phpMyAdmin 安装文档

共0课时 | 0人学习