text-rendering

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна в браузерах с ⁨января 2020⁩ года.

Атрибут text-rendering предоставляет средству визуализации подсказки о том, какие компромиссы следует учитывать при отображении текста.

Примечание: Как атрибут представления, text-rendering также имеет соответствующее свойство CSS: text-rendering. Если заданы оба варианта, приоритет имеет свойство CSS.

Этот атрибут можно использовать со следующими элементами SVG:

<text>

Пример

<svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg">
  <text y="15" text-rendering="geometricPrecision">Geometric precision</text>
  <text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
</svg>

Примечания по использованию

Значение	`auto` \| `optimizeSpeed` \| `optimizeLegibility` \| `geometricPrecision`
Значение по умолчанию	`auto`
Анимируемое	дискретно

auto: Это значение указывает, что пользовательский агент должен найти подходящий компромисс между скоростью, разборчивостью и геометрической точностью, отдавая разборчивости больший приоритет, чем скорости и геометрической точности.
optimizeSpeed: Это значение указывает, что пользовательский агент должен отдавать приоритет скорости отображения, а не разборчивости и геометрической точности. Иногда этот параметр приводит к тому, что некоторые пользовательские агенты отключают сглаживание текста.
optimizeLegibility: Это значение указывает, что пользовательский агент должен отдавать приоритет разборчивости, а не скорости отображения и геометрической точности. Пользовательский агент часто самостоятельно выбирает, применять ли методы сглаживания, встроенные подсказки шрифта или и то и другое, чтобы текст был максимально разборчивым.
geometricPrecision: Это значение указывает, что пользовательский агент должен отдавать приоритет геометрической точности, а не разборчивости и скорости отображения. Обычно этот параметр приводит к тому, что пользовательский агент приостанавливает использование хинтинга, чтобы контуры глифов отрисовывались с геометрической точностью, сопоставимой с точностью отображения данных контура.

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

Спецификация
Scalable Vector Graphics (SVG) 2> # TextRenderingProperty>

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari в iOS	Samsung Internet	WebView для Android	WebView в iOS
`text-rendering`	4 ["Это свойство поддерживается только в Windows и Linux.", "В начальных версиях были ошибки в Windows и Linux, из-за которых нарушалась подстановка шрифтов, отображение капители и межбуквенных интервалов либо текст накладывался сам на себя. См. ошибку 40156511, ошибку 40430936, ошибку 40444347, ошибку 40286561."]	79 ["Это свойство поддерживается только в Windows и Linux.", "В начальных версиях были ошибки в Windows и Linux, из-за которых нарушалась подстановка шрифтов, отображение капители и межбуквенных интервалов либо текст накладывался сам на себя. См. ошибку 40156511, ошибку 40430936, ошибку 40444347, ошибку 40286561."]	1 ["Это свойство поддерживается только в Windows и Linux.", "Параметр `optimizeSpeed` не оказывает влияния в Firefox 4, поскольку стандартный код отображения текста уже работает быстро, и на данный момент более быстрого пути выполнения нет. Подробнее см. ошибку 595688."]	15	5	18 ["Это свойство поддерживается только в Windows и Linux.", "В начальных версиях были ошибки в Windows и Linux, из-за которых нарушалась подстановка шрифтов, отображение капители и межбуквенных интервалов либо текст накладывался сам на себя. См. ошибку 40156511, ошибку 40430936, ошибку 40444347, ошибку 40286561."]	46	14	4.2	1.0 Это свойство поддерживается только в Windows и Linux. Samsung Internet не работает в Windows или Linux.	3 В версиях с 3 по 4.3 есть серьёзная ошибка: из-за `text-rendering: optimizeLegibility` пользовательские веб-шрифты не отображаются. Ошибка исправлена в версии 4.4.	4.2

См. также

свойство CSS text-rendering

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/text-rendering