font-smooth

Non-standard

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

font-smooth CSS властивість контролює застосування антиалайзингу коли відбувається рендеринг шрифта.

Initial value (en-US) auto
Застосовується до всіх елементів і згенерованого контенту
Inherited (en-US) yes
Відсотки відносно розмірів шрифта батьківського елемента
Media visual (en-US)
Computed value (en-US) як зазначено в специфікації

Синтаксис

/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> value */
font-smooth: 2em;

WebKit реалізує подібну властивість, але з різними значеннями: -webkit-font-smoothing. Це працює тільки на Mac OS X/macOS.

  • auto - веб-переглядач працює в даному режимі за замовчуванням (Використовує субпіксель для згладжування, коли він доступний)
  • noneвідсутність згладжування шрифту; відображення тексту з нерівними гострими краями.
  • antialiased - згладжує текст на піксельному рівні, на відміну від субпіксельного. Перехід від субпіксельного рендерингу до антиалайзингу для світлого тексту на темному тлі (бекграунді) робить жирність тексту (font-weight) меншою.
  • subpixel-antialiased - на більшості не Retina дисплеях, результатом буде найчіткіший текст.

Firefox реалізує подібну властивість, але з різними значеннями: -moz-osx-font-smoothing. Це працює тільки на Mac OS X/macOS.

  • autoдозволяє браузеру вибирати оптимізацію для вирівнювання шрифту, як правило grayscale.
  • grayscale - рендер тексту з використанням відтінків сірого, на відміну від субпіксельного. Перехід від субпіксельного рендерингу до антиалайзингу для світлого тексту на темному тлі (бекграунді) робить жирність тексту (font-weight) меншою.

Специфікації

В ранніх версіях згладжування (2002) шрифтів CSS3 Fonts було присутнє, але на даний момент font-smooth його було видалено і ця специфікація не відповідає стандартам.

Сумісність з браузерами

BCD tables only load in the browser

Дивіться також