2014-02-12 6 views
6

Я раньше использовал плагин WP Google Fonts, который также не получил мою запрашиваемую функцию.Как получить гладкие шрифты Google?

На данный момент я использую шрифты Google с реализованной функцией в используемой в настоящее время теме. Шрифты встроены без проблем, и они отображаются правильно.

На данный момент существует множество блогов с красиво читаемыми гладкими шрифтами для HD-дисплеев, и мне тоже нужны эти шрифты. Как видно в моем WordPress, она способна показывать их, пример ниже:

enter image description here

Там нет острых краев, ни точек, и т.д. Вот как я хотел бы его.

В качестве шрифта для моих статей я выбрал «Droid Sans». Но этот шрифт появляется с острыми краями и пикселирован. Пример ниже:

enter image description here (Пожалуйста, обратите внимание, что открытие этой фотографии на новой вкладке показывает проблему гораздо более четко.)

Есть что-нибудь, чтобы сделать это выглядеть гладкой и прохладной?

  • Это не тот шрифт? Я не привязан к нему и пробовал некоторые другие шрифты. Кажется, у всех эти острые края. Если вы знаете шрифт для сравнения, обратите внимание на это.
  • Есть ли фрагмент CSS, который я должен добавить?
  • Это серверная конфигурация?

Как добиться гладких шрифтов на странице моих статей?

ответ

7

Это зависит от того, какой браузер вы используете.

Я предпочитаю использовать

-webkit-font-smoothing: antialiased; 

для WebKit браузеров.

В качестве альтернативы, вы можете добавить текст-тень, чтобы сделать текст выглядеть более гладкой

html, html a { 
     text-shadow: 1px 1px 1px rgba(0,0,0,0.004); 
} 

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

Помимо этого, вы не можете сделать ничего, кроме использования другого шрифта. Google Chrome только что выпустил обновление для более плавных шрифтов. Она также может быть полезно посмотреть на SVG Fonts

http://www.fontspring.com/demos/svg-vs-woff/

+1

Rofl, я просто использовал один другой шрифт, и она работает очень хорошо. Мой шрифт (и некоторые другие) просто выглядит ужасно в 16 пикселей. Я пробовал свой код сейчас на небольшой и простой HTML-странице, и он работает. Спасибо за это! – Trollwut

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