# DITA-OT 1.5 ant 编译示例代码时附加自定义CSS

**URL:** <https://www.isharkfly.com/t/dita-ot-1-5-ant-css/10011>\
**Category:** Open-Source\
**Tags:** dita\
**Created:** [January 18, 2010, 1:29am UTC](https://www.isharkfly.com/t/dita-ot-1-5-ant-css/10011 "2010-01-18T01:29:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [January 18, 2010, 1:29am UTC](https://www.isharkfly.com/t/dita-ot-1-5-ant-css/10011/1 "2010-01-18T01:29:31Z")

</div>

如果采用默认的样式表，编译输出结果的界面会很单一单一。很多人可能需要自定的样式表，来实现文档的部署。

同时，由于默认CSS没有指定所使用的字符集，浏览器将会根据用户自定的字体来显示，这样会造成同样的内容，在不同的浏览器里面显示的字体不一致的现象。

根据使用习惯，FireFox的英文字体的显示效果最好。因为在默认的编译命令下，DITA并不使用自定义的CSS样式表。然而同时，在示例程序中，DTIA也提供了将自定义样式表附加到输出文件中的方法。

在DITA的根目录下运行startcmd.bat后，进入到samples\ant\_samplem目录下  
`D:\workdir\hawebs\resources\hadocs\projects\derby\trunk\DITA-OT1.5\samples\ant_sample>`

在该目录下运行命令ant -f sample\_xhtml\_plus\_css.xml 进行附加用户自定义CSS

等待编译完成。

查看输出文件夹，看看是不是多了一个css文件夹？

重新运行浏览器，查看输出结果，因为新增了自定义CSS样式表，在自定义的CSS样式表中，定义了字体等参数，不同的浏览器，都能显示出相同的结果。

从这里我们可以看到所有的显示结果都是是一致的。

---

<div class="post-metadata">

**Author:** ![hex](https://www.isharkfly.com/user_avatar/www.isharkfly.com/hex/32/21953_2.png) [@hex](https://www.isharkfly.com/u/hex)\
**Post date:** [May 6, 2026, 4:13pm UTC](https://www.isharkfly.com/t/dita-ot-1-5-ant-css/10011/2 "2026-05-06T16:13:03Z")

</div>

DITA 的版本编译实在显示还是非常简陋。

 ![2026-05-0612-10-45](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/3X/8/0/80327c02b6c0d1d9c88a2bf9749ab31bec1df7f2.jpeg)