По какой причине может не отображаться в подключенном шрифте конкретный символ?
В моем случае это неразрывный пробел . Использую локально подключенный шрифт "Futuris". При добавлении обычного пробела показывается разрыв между словами. Но при добавлении неразрывного пробела (даже нескольких) именно в жирном начертании разрыва не отображается. Подключаю вот таким образом:
@font-face {
font-family: 'Futuris';
src: url('Futuris-Bold.eot');
src: url('Futuris-Bold.woff2') format('woff2'),
url('Futuris-Bold.woff') format('woff'),
url('Futuris-Bold.ttf') format('truetype'),
url('Futuris-Bold.svg#Futuris-Bold') format('svg'),
url('Futuris-Bold.eot?#iefix') format('embedded-opentype');
font-weight: 700;
font-style: normal;
}
h2 {
font-family: 'Futuris', sans-serif;
font-weight: 700;
}
а бб ввв
К сожалению, не смогла сделать пример воспроизводимым здесь, так как сюда загрузить шрифт нельзя. Подозреваю, что можно вручную как-то исправить файл шрифта, например - *.ttf добавив туда пробел, но не знаю как это сделать правильно. Может быть существует способ повесить стиль на спецсимвол?
Воспроизводимый пример
UPD: Если можно удалить символ с помощью FontForge, то получается можно и добавить, но где и как в таблице найти неразрывный пробел?
Ответ
Скачала бесплатную программу FontForge. Открыла проблемный шрифт в формате *.ttf. Нашла символ неразрывного пробела, его номер в юникоде: U+00A0
Жму на символ, смотрю. Действительно, ширины у этого символа нет:
Добавляю ширину, сохраняю шрифт:
Конвертируем получившийся Futuris-Bold.sfd в нужные форматы. Работает. Единственный момент, нужно подобрать ширину неразрывного пробела, чтобы он не отличался от ширины разрывного.
Комментариев нет:
Отправить комментарий