Как бы я использовал пользовательские шрифты в CSS - PullRequest
2 голосов
/ 09 апреля 2011

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

Ответы [ 5 ]

6 голосов
/ 09 апреля 2011

ОБНОВЛЕНИЕ: Начиная с 2015 года, лучший вариант - использовать CSS3 font-face, он поддерживается практически везде. На платформе Google Fonts есть хорошие примеры.

Правильно знаю, наверное, лучший вариант это cufon: http://cufon.shoqolate.com/generate/

Это библиотека JavaScript, которая преобразует файл шрифта на своем сервере в JavaScript-представление этих шрифтов в браузере. Работает во всех основных браузерах, выглядит действительно хорошо, не тормозит (как старое решение на основе флэш-памяти sIFR), но требует JavaScript. (без него вы все равно увидите весь текст, но со стандартным шрифтом).

Или вы можете использовать CSS3 font-face: http://randsco.com/index.php/2009/07/04/p680 Где вы в основном размещаете свои шрифты на сервере, а затем используете CSS для их простого и понятного отображения. Это было немного плохо поддержано ВСЕМИ браузерами, но теперь это, вероятно, ваш лучший шанс. Не требует JavaScript. (Я знаю, я сказал, что куфон был твоим лучшим выстрелом, но эти два одинаково хороши, они просто делают это немного по-другому)

Обновление. Кроме того, еще одна причина, по которой шрифт может быть лучше, заключается в том, что используемый с ним текст становится таким же, как и любой другой текст в документе. В большинстве браузеров обрезанный текст становится тэгами Canvas, и возникают проблемы, например, с выделением текста. Кроме того, если бы вы использовали cufon для любых больших объемов текста (например, текста всей статьи, а не только заголовка), он мог бы стать довольно медленным (поскольку JavaScript должен отображать много текста в таком случае). Заголовки в порядке, хотя.

4 голосов
/ 09 апреля 2011

Я бы порекомендовал веб-шрифты Google.Он прост в использовании и все шрифты бесплатны.Вы просто выбираете шрифт и получаете тег сценария, который добавляете в свой код.Все просто.

http://www.google.com/webfonts

1 голос
/ 09 апреля 2011

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

проверить это по адресу:

http://typekit.com/

Это сладко!

Andy

1 голос
/ 09 апреля 2011

Я не думаю, что это можно сделать с помощью css Cufon для достижения этой цели. Это преобразует ваш текст / заголовки в ваш шрифт, заменяя их изображениями. Поисковый бот все равно сможет правильно его проиндексировать. ( SEO дружественный )

http://cufon.shoqolate.com/generate/

https://github.com/sorccu/cufon/wiki/

0 голосов
/ 10 апреля 2011

Вы также можете использовать команду generate в fontsquirrel, которая генерирует ZIP-файл со шрифтом в разных форматах, чтобы вы могли использовать их со свойством @ font-face css. Работает в нескольких браузерах, включая IE.

http://www.fontsquirrel.com/fontface/generator

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...