атрибут шрифта @ font-face unicode-range - PullRequest
1 голос
/ 21 октября 2011

В некоторых HTML-документах я использую веб-шрифты только для пары слов. Загрузка полного файла шрифтов с точки зрения производительности кажется расточительной. Вот где указывается параметр unicode-range в объявлении @ font-face:

http://www.w3.org/TR/css3-fonts/#unicode-range-desc

С его помощью я якобы могу определить, какие символы файла шрифта загружать, тем самым значительно улучшая производительность. Но я просто не могу заставить его работать. И странным является то, что он отображает все символы в Firefox и не может загрузить шрифт в Safari, только если я включу параметр unicode-range в свое объявление. Буду признателен за любую помощь, ниже HTML, с которым я тестировал:

<!doctype html>
<html lang="en">
<head>
<style text="text/css">
@font-face {
font-family: 'dream';
src: url(Fonts/Digital-dream/DIGITALDREAM.ttf) format("truetype");
unicode-range: U+FF21;
}

*{
font-family:dream;
font-weight:normal;
}
</style>
</head>
<body>
<p>ASDWEWQDSCF</p>
</body>
</html>

1 Ответ

5 голосов
/ 21 октября 2011

Вы неправильно понимаете цель этой ценности. С этой страницы:

Этот дескриптор определяет диапазон символов Unicode, поддерживаемых данным шрифтом

Так что это не глифы (или символы) для загрузки, это фактически говорит браузеру, какие символы есть в шрифте, чтобы браузер мог определить, стоит ли вообще загружать шрифт в первую очередь. Если стилизованный текст не соответствует указанному unicode-range, шрифт не будет загружен.

Пример XIII на странице, на которую вы ссылаетесь, показывает отличный пример. Представьте себе 3 @font-face правила, которые имеют один и тот же атрибут font-family. Первое правило, однако, указывает на гигантский файл TTF объемом 4,5 МБ, в котором есть все возможные символы. Второе правило перечисляет намного меньший размер 1,2 МБ TTF, но говорит, что использовать его следует только в том случае, если все символы вписываются в диапазон японских глифов. В третьем правиле указан очень маленький файл размером 190 КБ, который можно загрузить, если стилируемый текст имеет только римский характер.

...