Как использовать наш собственный шрифт на нашем сайте - PullRequest
7 голосов
/ 12 ноября 2009

Как использовать стильный шрифт на моем сайте, который работает во всех браузерах

Ответы [ 8 ]

6 голосов
/ 12 ноября 2009

", который работает во всех браузерах"

Я не думаю, что есть что-то такое, что "работает" во всех браузерах.

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

Более поздние браузеры могут поддерживать @ font-face css «встраивание» шрифтов. Некоторые онлайн-сервисы, которые позволят вам лицензировать тип для этого (коммерческие или бесплатные шрифты), а также сделать необходимые CSS / JS, включают:

и другие тоже.

Существует также Cufon, решение на основе JavaScript.

6 голосов
/ 12 ноября 2009

Попробуйте SIFR . «Богатая доступная типография для масс».

Редактировать: Также проверьте cufon . (позже сообщений )

3 голосов
/ 12 ноября 2009

Вы действительно должны проверить правило CSS3 @ font-face . Вот конвертер , чтобы он работал в IE. У Пола Айриша есть отличная статья о том, как использовать правило здесь .

[EDIT] Только что нашел удобный генератор: http://www.fontsquirrel.com/fontface/generator

3 голосов
/ 12 ноября 2009

Единственное достойное решение - sIFR .

1 голос
/ 12 ноября 2009

Внедрение шрифтов становится жизнеспособным. Проверьте это сообщение от Джонатона Снук

0 голосов
/ 13 ноября 2009

Зависит от того, какой шрифт вы хотите использовать ... самое простое решение - использовать метод @font-face. Если вы включите только формат Microsoft (.EOT), он будет работать в браузере ЛЮБОЙ .

Font Squirrel имеет большую коллекцию бесплатных для коммерческого использования наборов шрифтов, которые включают в себя:

  • Оригинал TrueType или OpenType Шрифты для Firefox 3.5 и Safari
  • EOT шрифты для Internet Explorer
  • SVG шрифты для Opera, iPhone и Chrome
  • WOFF шрифты для Firefox 3.6 +
  • Demo.html и stylesheet.css, чтобы вы может начать быстро

Метод @font-face не требует Javascript или Flash, как и ранее упомянутые методы sIFR и Cufon, поэтому более доступен для всех.

Это полностью оптимизировано для SEO и масштабируемо.

0 голосов
/ 12 ноября 2009

Я лично перешел с sIFR на cufon в проектах, в которых нет проблем с лицензионным соглашением о шрифтах. о странице имеет более глубокий обзор.

0 голосов
/ 12 ноября 2009

Вы хотите использовать, если для заголовков и другого «специального» текста или для общих абзацев текста? Если первое, sIFR или изображение, представляющее текст, вероятно, будет лучшим. Если вам нужны целые абзацы, вам следует посмотреть на @ font-face, как предложил DA, или посмотреть, есть ли приемлемый веб-безопасный шрифт , достаточно близкий к шрифту, который вы бы предпочли использовать.

...