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

如果采用默认的样式表,编译输出结果的界面会很单一单一。很多人可能需要自定的样式表,来实现文档的部署。同时,由于默认CSS没有指定所使用的字符集,浏览器将会根据用户自定的字体来显示,这样会造成同样的内容,在不同的浏览器里面显示的字体不一致的现象。

FireFox
[attach]355[/attach]

IE
[attach]356[/attach]

Opera
[attach]357[/attach]

Safari
[attach]358[/attach]

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

在DITA的根目录下运行startcmd.bat后,进入到samples\ant_samplem目录下
D:\workdir\hawebs\resources\hadocs\projects\derby\trunk\DITA-OT1.5\samples\ant_sample>
[attach]359[/attach]

在该目录下运行命令ant -f sample_xhtml_plus_css.xml 进行附加用户自定义CSS
[attach]360[/attach]

等待编译完成
[attach]361[/attach]

查看输出文件夹,看看是不是多了一个css文件夹?
[attach]362[/attach]

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

FireFox
[attach]363[/attach]

IE
[attach]364[/attach]

Opera
[attach]365[/attach]

Safari
[attach]366[/attach]

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