Kendo Angular2：グリッドソートアイコンを剣道グリフコンに置き換える方法

Question

剣道で角2を使用している場合、グリッドの列のソートアイコン（現在の矢印です）を剣道グリフィコンと置き換えるにはどうすればいいですか？

私は私のSCSSファイルでこれを試してみましたが、それは角度2、使用フォントアイコンの剣道UIで

.k-grid-header .k-header .k-link > .k-icon { 
    background-image: none; /* remove Kendo's sprite image */ 
    font-family: KendoUIGlyphs; 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-desc::before { 
    content: '\e61a'; /* KendoUIGlyphs down arrowhead */ 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-asc::before { 
    content: '\e618'; /* KendoUIGlyphs up arrowhead */ 
} 

Answer 1

デフォルトの矢印を動作しませんでしたので、font-familyを変更したり、スプライトを削除する必要はありません画像。

.k-grid-header .k-i-arrow-n::before { 
    content: '\e61a'; 
} 

.k-grid-header .k-i-arrow-s::before { 
    content: '\e618'; 
} 

このrunnable demoを参照してください。代わりに、ちょうど擬似要素の内容を設定します。