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

260

28 февраля 2018, 07:08

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

<!DOCTYPE html> 
<html lang="ru"> 
 
<head> 
  <meta charset="UTF-8"> 
</head> 
 
<body> 
  <h2>а&nbsp;бб&nbsp;ввв</h2> 
</body> 
 
</html>

К сожалению, не смогла сделать пример воспроизводимым здесь, так как сюда загрузить шрифт нельзя. Подозреваю, что можно вручную как-то исправить файл шрифта, например - *.ttf добавив туда пробел, но не знаю как это сделать правильно. Может быть существует способ повесить стиль на спецсимвол?

Воспроизводимый пример.

UPD: Если можно удалить символ с помощью FontForge, то получается можно и добавить, но где и как в таблице найти неразрывный пробел?

Answer 1

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

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

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

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