以前想了很多种方式直到今天看到居然有拼音字体才恍然大悟。直接更换网站字体就可以下载个免费的网站字体切换字体就可以切换是否显示拼音了。免费下载地址楷书拼音字体下载-aa楷书拼音字体下载 - 多多软件站下载下来的是 ttf 格式用下面方式使用font-face { font-family: 楷书拼音; src: url(/Aa楷书拼音.ttf) format(truetype); } body { font-family: 楷书拼音, sans-serif; }效果如下