Потеря детализации шрифта CSS
Это мой первый раз, когда я использую детализированные шрифты, но по какой-то причине он теряет всю свою детализацию.
Ожидаемый результат:
Фактический результат:
footer h3 {
font-family: "Elegance";
font-size: 50px;
position: relative;
right: 30px;
}
@font-face {
font-family: "Elegance";
src: url("../fonts/GeraldinePersonalUseItalic-PK12m.ttf");
}<footer>
<h3>Greetings</h3>
</footer>Обновленный пост @AHaworth
Этот шрифт общедоступен? Я не думаю, что мы действительно можем помочь с этим, не видя проблему в действии, и прямо сейчас ваш пример не работает, так как отсутствует шрифт.
Какая у вас лицензия на этот шрифт?
Возможно, это настройка сглаживания, которая делает его толще. Кроме того, помимо технической реализации, ваш font-size — это 50px, и было бы нереалистично ожидать, что все эти мелкие детали появятся в ограниченном пространстве в 50 пикселей. Такие экранные шрифты обычно лучше зарезервировать как крупный тип отображать. Кроме того, я бы рекомендовал придерживаться файлов шрифтов, оптимизированных для Интернета.
Ответы 1
Я полагаю, что у вас где-то в CSS установлен жирный шрифт.
Я смог воспроизвести эту проблему, установив жирный шрифт для моего шрифта.
Попробуйте изменить его на нормальный/400 и посмотрите, исправит ли это проблему.
Спасибо ! Он унаследовал 200 от тела. Это всегда самые простые исправления
Как вы настраиваете семейство шрифтов. аренда создать рабочий фрагмент, который показывает проблему.