2015-07-16 4 views
3

Я спрашиваю сообщество, если у кого-либо когда-либо возникали какие-либо проблемы с встраиванием шрифтов на их веб-сайт, и это становилось ужасным в качестве результата? Это касается всех последних браузеров, не привязанных к определенному браузеру.Шрифт не отображается/отображается правильно?

Пробовал добавлять определенные правила CSS, чтобы изменить вес шрифта, стиль, гладкость и т. Д., Но, похоже, не влияет на шрифт любыми средствами, идеи?

Вы заметите, что буква «А» не так, как должно быть, но правильные шрифты загружаются без проблем.

Шрифт можно найти here

Скриншоты

enter image description here

Встроенный шрифт CSS

@font-face { 
    font-family: 'Linotte Semi Bold'; 
    src: url('/fonts/linotte-semi-bold.eot'); 
    src: url('/fonts/linotte-semi-bold.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/linotte-semi-bold.woff2') format('woff2'), 
     url('/fonts/linotte-semi-bold.woff') format('woff'), 
     url('/fonts/linotte-semi-bold.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 
+0

Вы могли бы создать код/​​jsfiddle/все со всем соответствующим кодом, чтобы воспроизвести ошибку? – Luca

ответ

3

Как мы говорим, я только что получил подтверждение от MyFonts что иногда шрифты, настроенные немного отличаться в зависимости от используемого шрифта и, возможно, потребуются некоторые настройки к намекая настройки при загрузке комплекта WebFont.

Следующие шаги исправили вопрос относительно букву «А» и теперь отображается корректно, как ожидалось:

Вы можете попытаться загрузить набор WebFont, выполненный с возможностью использовать различные настройки намекая.

Просто войдите в свой MyFonts историю заказов на: https://www.myfonts.com/my/orders/kitbuild.html

Выберите WebFont вы хотели бы использовать.

Под заголовком «Подсказка» выберите «Плавный», «Родной» или «Нет» (по умолчанию «Лучше»). В зависимости от шрифта и способа его использования может потребоваться несколько попыток.

Пользовательский Webfont Kit Builder по умолчанию будет выбирать CSS-скрипт. Если вы предпочитаете использовать JS, просто измените этот параметр в нижней части страницы.

Загрузите новый комплект и замените существующие веб-сайты/таблицы стилей на своем сервере.

0

Попробуйте это, фиксированная часть моей внешности шрифта в прошлом , но это род d выстрела в темноте. Что «А» действительно выглядит странно, выглядит ли оно одинаково, если вы устанавливаете шрифт в своей системе и используете его в Photoshop или слове или что-то еще?

-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
+0

Спасибо за предложение, которое попробовало это изначально, а также ранее при обработке шрифтов и, как правило, исправляет любые небольшие проблемы с рендерингом, но в этом случае «A» все еще выглядит в одном и том же состоянии. Я могу подтвердить, что шрифт отлично работает на Photoshop и Word после установки без проблем. –

Смежные вопросы