Отображение SpriteClass с использованием Font-Awesome на панели инструментов Kendo

Question

У меня проблемы с отображением <i> в панели инструментов Kendo, потому что он использует только <span> а также <img>

Можно ли использовать Font Awesome в панели инструментов Kendo?

Код для отображения <span>

<div class="demo-section k-content">

            <h4>PanelBar with sprites</h4>

            <div id="panelbar-sprites"></div>

        </div>

        <script>
            $("#panelbar-sprites").kendoPanelBar({
                dataSource: [{
                        text: "Brazil", spriteCssClass: "brazilFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "India", spriteCssClass: "indiaFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    },
                    {
                        text: "Netherlands", spriteCssClass: "netherlandsFlag", items: [
                            { text: "History", spriteCssClass: "historyIcon" },
                            { text: "Geography", spriteCssClass: "geographyIcon" }
                        ]
                    }]
            });
        </script>

Answer 1

Вот пример додзё с использованием случайного шрифта

Все, что вам нужно сделать, это включить шрифт awesome css (локально или из cdn), а затем использовать шрифт awesome наименования, например fa fa-circle-stop и т. д. он будет включен как часть заголовка.

Я предполагаю, что приведенный вами пример взят с демонстрационного сайта, и если вы посмотрите дальше (в разделе объявления css), вы увидите, что он загружает файл спрайта, а затем устанавливает абсолютные положения изображений для флагов.

Если вам нужна дополнительная информация, дайте мне знать.