Ковры Masland

• Ошибка Save Liquid (фрагменты/значок продукта, строка 32): результат вычислений — «-Infinity»%
• Ошибка Save Liquid (фрагменты/значок продукта, строка 32): результат вычислений — «-Infinity»%
• Ошибка Save Liquid (фрагменты/значок продукта, строка 32): результат вычислений — «-Infinity»%
• Ошибка Save Liquid (фрагменты/значок продукта, строка 32): результат вычислений — «-Infinity»%

Иконки шрифтов — Темы Sass

Начиная с выпуска R1 2017, пользовательский интерфейс Kendo предоставляет интегрированные значки шрифтов, предназначенные для веб-приложений и виджетов визуализации данных пакета.

Используйте одну из тем SASS, чтобы убедиться, что все значки отображаются правильно. Чтобы узнать, как установить тему SASS, посетите статью об установке.

Посетите раздел «Основное использование», чтобы узнать, как отображать значок.

Вы можете искать значки, используя панель поиска браузера по умолчанию (CTRL + F).

Шрифты

Icon — это шрифты, содержащие векторные глифы вместо букв и цифр. Вы можете легко стилизовать их с помощью CSS, используя все свойства стиля, которые можно применить к обычному тексту в современном браузере.

Использование шрифтов значков в пользовательском интерфейсе (UI) естественным образом приходит на смену несколько устаревшей технике спрайтов значков.

Значки шрифтов

демонстрируют значительные преимущества, такие как:

• Улучшенная масштабируемость. В то время как спрайты значков представляют собой растровые изображения и плохо масштабируются, шрифты значков используют векторную графику, идеально выглядят на дисплеях Retina, а масштабирование выполняется так же просто, как настройка размер шрифта параметр конфигурации.
• Улучшенные возможности дизайна — вы можете легко применять эффекты CSS на лету, устанавливая цвет текста, тень или другие параметры для различных состояний взаимодействия. Например, на :hover .
• Улучшенная поддержка браузера — значки шрифтов не зависят от браузера и поддерживаются всеми современными браузерами.
• Уменьшено количество HTTP-запросов — для загрузки шрифта значков требуется не более нескольких HTTP-запросов.
• Уменьшенный размер файла — файл размером 100 КБ содержит примерно 500 векторных значков.

Чтобы использовать значки шрифтов Kendo UI:

1. Загрузите тему пользовательского интерфейса Kendo в свой проект.

2. Назначьте

   класс CSS k-icon , за которым следует предопределенный класс из списка значков шрифтов, тегу HTML. Например, элемент , как показано в следующем примере.

    <диапазон>
    

Хотя шрифт веб-значков поставляется с набором предопределенных классов CSS, вам может потребоваться использовать значки с собственным именем класса CSS. Для этого установите :before значение псевдосодержимого для соответствующего значка.

 <диапазон>
<стиль>
    .my-custom-icon-class: перед {
        содержимое: "\e13a"; /* Добавляет глиф, используя номер символа Unicode */
    }
 
 

Шрифты

Icon поддерживают следующие параметры визуального улучшения:

• Применение различных размеров.
• Применение цветов значков.
• Перелистывание иконок.

Регулировка размера

Значки шрифтов Kendo UI разработаны на основе сетки 16 пикселей. Чтобы добиться отображения пиктограмм с точностью до пикселя, увеличьте масштаб, сохранив 16-единичную меру (32, 48, 64 и т. д.).

Вы можете масштабировать значки, просто установив параметр конфигурации font-size .

 <диапазон> <промежуток>  <промежуток>  <промежуток>  <стиль> .k-значок-32 {
 размер шрифта: 32px; /* Устанавливает размер значка на 32 пикселя */
 }
 .