CSS для 1 символа в словах

Question

Я потерял 20 часов, чтобы исправить проблему из-за CSS.Пожалуйста, помогите мне.Я хочу, чтобы шрифт до 1 символа в словах, например:

How to Format<br>
How to Code<br>
How to Debug<br>
How to Test<br>
and more

Я хочу написать семейство шрифтов CSS для символа \ 'g \' во всем моем коде HTML, не для всех, я не знаю какзакодировать это.Пожалуйста, помогите мне, спасибо за чтение

Answer 1

Если вы хотите изменить только шрифт , для определенного символа , это может быть достигнуто с помощью CSS с помощью unicode-range:

@font-face {
  font-family: 'FontForG';
  src: local('Times New Roman');
  unicode-range: U+67, U+47;
}

div {
  font-family: FontForG, Helvetica, sans-serif;	
}

<div>
Three gray green greedy geese,<br />
Feeding on a weedy piece,<br />
The piece was weedy,<br />
And the geese were greedy,<br />
Three gray-green greedy geese.<br />
</div>

unicode-range очень ограничен и предназначен для применения разных шрифтов для разных языков или для эмодзи.