當我們想要在網頁中使用豎排字體時，CSS是我們必須掌握的技能。然而，由于IE瀏覽器的兼容性問題，我們需要一些額外的技巧來確保我們的豎排字體在IE中也能正確顯示。

/*對于標準的CSS屬性*/
div {
writing-mode: tb-rl; /*將文字從左到右排列*/
-webkit-writing-mode: vertical-rl; /*chrome和safari中使用*/
-ms-writing-mode: tb-rl; /*IE中使用*/
transform: rotate(180deg); /*將文字旋轉，保證豎排*/
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg); 
}
/*對于@font-face*/
@font-face {
font-family: 'MyFont';
src: url('myfont.otf') format('opentype');
}
div{
font-family: 'MyFont', Fallback, sans-serif;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
/*注意：需要先在CSS中定義好字體，再在writing-mode和transform中使用*/

除了這些技巧之外，我們還應該將豎排字體應用于最新版本的IE瀏覽器，例如IE9、IE10和IE11。在IE6到IE8中，由于不支持writing-mode屬性，我們需要使用IE的VML（向量標記語言）來模擬實現豎排字體效果。VML是一個用于創建高度可縮放的2D圖形的XML應用程序編程接口（API），具體實現方式可以查看微軟官網提供的相關教程。