等宽的英文字体-白红宇

等宽的英文字体

阅读量：4185 次

发布时间：2019-05-26

本文共 3958 字，大约阅读时间需要 13 分钟。

在一个jsp的项目中,由于一些开源的控件(如:struts-menu)并不能很好的支持GB18030,所以把charset改为utf-8.但是utf-8的默认英文字体不是等宽的,这样会让一些特殊的排版要求不能实现.比如:

按拼音排序:

│ A │ B │ C │ D │ E │ F │ G │ H │ I │ J │ K │ L │ M │ N │ O │ P │ Q │ R │ S │ T │ U │ V │ W │ X │ Y │ Z │

上边的英文字母显得凌乱.显示的代码是:

在在div标签中增加一个style的属性来设置字体族的代码(

见红色部分):

<div align="justify" style="

font-family:simsun">│ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=A">A</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=B">B</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=C">C</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=D">D</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=E">E</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=F">F</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=G">G</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=H">H</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=I">I</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=J">J</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=K">K</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=L">L</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=M">M</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=N">N</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=O">O</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=P">P</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Q">Q</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=R">R</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=S">S</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=T">T</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=U">U</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=V">V</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=W">W</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=X">X</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Y">Y</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Z">Z</a> │ </div>

修改后的显示效果:

按拼音排序:

│ A │ B │ C │ D │ E │ F │ G │ H │ I │ J │ K │ L │ M │ N │ O │ P │ Q │ R │ S │ T │ U │ V │ W │ X │ Y │ Z │

我一开始也使用了arial等其他一些字体,但这些字体不是等宽的.

转载地址：http://dayoi.baihongyu.com/

你可能感兴趣的文章

Apache Oozie是一个用来管理Hadoop任务的工作流调度系统