2009-11-11 5 views
7

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

+7

Все, что вы делаете, подталкивая подлинные вопросы без объяснения, действительно подрывают сайт. –

+0

Пожалуйста, не делайте этого. – Brian

+1

Ну, это настоящий вопрос, но действительно, очень короткий. Я могу понять людей, склоняющих это. –

ответ

6

«который работает на всех браузерах»

Я не думаю, что есть такая вещь, как НИБУДЬ «который работает на всех браузерах».

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

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

и есть другие.

Существует также Cufon, который основан на javascript.

+0

Если все, что вы используете, для заголовков, я бы просто использовал образы :) – Brian

+1

@Brian, если мы говорим пару заголовков, конечно. Достойное изображение с надлежащими атрибутами alt, завернутыми в надлежащую разметку, будет прекрасным. Однако, если мы говорим о многих, многих заголовках, вы используете производительность (несколько запросов на изображение на сервере) и обслуживание (кто-то должен создать их или процесс, запущенный на сервере для их создания) –

6

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

Редактировать: Кроме того, ознакомьтесь с cufon. (через позднее posts)

3

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

0

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

+0

Я хочу использовать его для абзацев – Rajasekar

+0

Является ли SIFR дружественным? – Rajasekar

+0

sIFR является SEO дружественным, так как текст все еще присутствует на странице. Однако вы действительно не хотите использовать его для целых абзацев текста. Это излишне и может привести к некоторым проблемам удобства использования/доступности. Используйте @ font-face или Cufon, если вы хотите, чтобы большие куски текста использовали определенный шрифт. –

1

Теперь встраивание шрифтов становится жизнеспособным. Отъезд this post from Jonathon Snook

+0

Я только что осуществил поэтапный шаг Джонатана Снука на веб-сайте, и я был доволен результатом. Процесс был трудоемким. – jessegavin

0

Я лично переключился с sIFR на cufon на проекты, которые не имеют проблем с шрифтом EULA. У about page есть более подробный обзор.

0

зависит, какой шрифт вы хотите использовать ... самое простое решение заключается в использовании метода @font-face. Если вы включите только формат microsoft (.EOT), он будет работать в ANY браузере.

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

  • Оригинал TrueType или OpenType шрифты для Firefox 3.5 и Safari
  • СРВ шрифтов для Internet Explorer
  • SVG шрифты для Opera, iPhone & Chrome
  • Уофф шрифты для Firefox 3.6 +
  • demo.html и stylesheet.css так вы может развиваться быстро

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

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