Сглаживание шрифтов

font-smoothing

В SIMAI Framework с помощью модификаторов, вы можете управлять сглаживанием шрифта.

Классы

Класс Значение
antialiased -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
smoothing -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;

Описание

Адаптивный модификатор. Изменяет сглаживание шрифта в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

  • Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
  • Модификатор. Обязательный параметр. Принимает значения:
    • smoothing – рендеринг текста с использованием субпиксельного сглаживания
    • antialiased – рендеринг текста с использованием сглаживания оттенков серого

Пример

antialiased
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
smoothing
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<p class="antialiased">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="smoothing">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

Изменить статью