如果采用默认的样式表,编译输出结果的界面会很单一单一。很多人可能需要自定的样式表,来实现文档的部署。同时,由于默认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]
从这里我们可以看到所有的显示结果都是是一致的。