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 auto
Застосовується до всіх елементів і згенерованого контенту
Inherited yes
Відсотки відносно розмірів шрифта батьківського елемента
Media visual
Computed value як зазначено в специфікації

Синтаксис

/* 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 його було видалено і ця специфікація не відповідає стандартам.

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
font-smooth
Non-standard
Chrome Full support 5
Alternate Name
Full support 5
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Edge Full support 79
Alternate Name
Full support 79
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Firefox Full support 25
Notes Alternate Name
Full support 25
Notes Alternate Name
Notes Only works on macOS.
Alternate Name Uses the non-standard name: -moz-osx-font-smoothing
IE No support NoOpera Full support 15
Alternate Name
Full support 15
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Safari Full support 4
Alternate Name
Full support 4
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
WebView Android Full support ≤37
Alternate Name
Full support ≤37
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Chrome Android Full support 18
Alternate Name
Full support 18
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Firefox Android No support NoOpera Android Full support 14
Alternate Name
Full support 14
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Safari iOS Full support 3.2
Alternate Name
Full support 3.2
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing
Samsung Internet Android Full support 1.0
Alternate Name
Full support 1.0
Alternate Name
Alternate Name Uses the non-standard name: -webkit-font-smoothing

Legend

Full support  
Full support
No support  
No support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
See implementation notes.
See implementation notes.
Uses a non-standard name.
Uses a non-standard name.

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