CSS свойство unicode-range

❮ Назад Вперед ❯

Свойствоunicode-range устанавливает интервалы символов, которые используются с шрифтами, указанными свойством @font-face для использования на странице.

Если страница не использует символ в интервале, шриф не загружается. Если использован хотя бы один символ, весь шрифт будет загружен.

Unicode точки находятся после U+, за которым следуют до шести символов, которые создают код символа. Точки или интервалы, которые не имеют такой формат, являются неверными, и таким образом свойство игнорируется.

Есть множество Unicode опций для использования. Basic Latin (0020—007F) - самый распространенный интервал для английских сайтов.

Значение по умолчанию	U+0-10FFFF
Применяется	В блоке @font-face.
Наследуется	Да
Анимируемое	Нет
Версия	CSS3
DOM синтаксис	object.style.unicodeRange = "U+0025-00FF";

Синтаксис

unicode-range: single codepoint | codepoint range | wildcard range | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style> 
      @font-face {
      font-family: 'MyFont'; /* Define the custom font name */
      src:  url('myfont.woff2') format('woff2'),
      url('myfont.woff') format('woff'); /* Define where the font can be downloaded */
      unicode-range: U+00-FF; /* Define the available characters */
      }
      div {
      font-size: 3em;
      font-family: MyFont, Helvetica, sans-serif;	
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства unicode-range</h2>
    <div>Mary и Jack друзя.</div>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
single codepoint	Кодовая точка символа Unicode.
codepoint range	Интервал кодовых точек Unicode.
wildcard range	Интервал кодовых точек, который содержит специальные символы.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.