Я создаю свои шрифты в FontForge:
1. Запустим FontForge, и нажмём на создать:
Появится вот такая сетка:
2. Дважды щёлкним по @:
3. Появился такое окно, нажмём на Файл->Импортировать:
4. Импортируем jpeg файл:
5. Появится картинка:
6. Спомощью этого инструмента:
7. Нарисуем так:
В конечном результате увидите что-то такое:
7. Теперь Файл->Сохранить как:
8. Создадим шрифт:
9. Теперь напишим такой простой код index.html:
Код:
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: 'myfont';
src: url('./myfont.ttf');
}
i { font-family:myfont; }
</style>
<title>Проверка шрифта</title>
</head>
<body>
<i style="font-size:2em; color:red;">@</i>
</body>
</html>Результат: