Улучшим код:
Код:
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: 'myfont';
src: url('./myfont.ttf');
}
i { font-family:myfont; font-style:normal; }
.bell::after { content:"@" }
</style>
<title>Проверка шрифта</title>
</head>
<body>
<i class="bell"></i>
</body>
</html>Теперь если написать <i class="bell"></i> увидим такой колокольчик: