В подключенном шрифте не показывается конкретный символ

#html #css #шрифты

По какой причине может не отображаться в подключенном шрифте конкретный символ?
 В моем случае это неразрывный пробел  . Использую локально подключенный шрифт
"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, то получается можно и добавить,
но где и как в таблице найти неразрывный пробел?


    

Ответы

Ответ 1

Скачала бесплатную программу FontForge. Открыла проблемный шрифт в формате *.ttf.
Нашла символ неразрывного пробела, его номер в юникоде: U+00A0:



Жму на символ, смотрю. Действительно, ширины у этого символа нет:



Добавляю ширину, сохраняю шрифт:



Конвертируем получившийся Futuris-Bold.sfd в нужные форматы. Работает. Единственный
момент, нужно подобрать ширину неразрывного пробела, чтобы он не отличался от ширины
разрывного.