Как использовать стильный шрифт на моем сайте, который работает на всех браузерахКак использовать наш собственный шрифт на нашем сайте
ответ
«который работает на всех браузерах»
Я не думаю, что есть такая вещь, как НИБУДЬ «который работает на всех браузерах».
Но ваши варианты будут включать (как указано выше) sIFR, хотя вы бы хотели использовать это только для заголовков.
Более поздние браузеры могут поддерживать @ font-face css "embedding" из шрифтов. Некоторые онлайн веб-сервисы, которые позволят вам тип лицензии для этого (либо коммерческих или бесплатных шрифтов), а также сделать CSS/JS необходимый включают:
и есть другие.
Существует также Cufon, который основан на javascript.
Если все, что вы используете, для заголовков, я бы просто использовал образы :) – Brian
@Brian, если мы говорим пару заголовков, конечно. Достойное изображение с надлежащими атрибутами alt, завернутыми в надлежащую разметку, будет прекрасным. Однако, если мы говорим о многих, многих заголовках, вы используете производительность (несколько запросов на изображение на сервере) и обслуживание (кто-то должен создать их или процесс, запущенный на сервере для их создания) –
Единственное достойное решение - sIFR.
Вы хотите использовать, если для заголовков и других специальных текстов или общих абзацев текста? Если бы первое, sIFR или изображение, представляющее текст, вероятно, было бы лучше. Если вам нужны целые абзацы, тогда вы должны изучить @ font-face, например DA, или посмотреть, есть ли приемлемый web safe font, который достаточно близко к шрифту, который вы предпочитаете использовать.
Я хочу использовать его для абзацев – Rajasekar
Является ли SIFR дружественным? – Rajasekar
sIFR является SEO дружественным, так как текст все еще присутствует на странице. Однако вы действительно не хотите использовать его для целых абзацев текста. Это излишне и может привести к некоторым проблемам удобства использования/доступности. Используйте @ font-face или Cufon, если вы хотите, чтобы большие куски текста использовали определенный шрифт. –
Теперь встраивание шрифтов становится жизнеспособным. Отъезд this post from Jonathon Snook
Я только что осуществил поэтапный шаг Джонатана Снука на веб-сайте, и я был доволен результатом. Процесс был трудоемким. – jessegavin
Я лично переключился с sIFR на cufon на проекты, которые не имеют проблем с шрифтом EULA. У about page есть более подробный обзор.
Вы действительно должны проверить @font-face CSS3 rule. Here's a converter, чтобы он работал в IE. Пол Ирландский имеет отличную запись о том, как использовать правило here.
[EDIT] Просто найти удобный генератор, тоже: http://www.fontsquirrel.com/fontface/generator
зависит, какой шрифт вы хотите использовать ... самое простое решение заключается в использовании метода @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 дружественный и масштабируемый.
Все, что вы делаете, подталкивая подлинные вопросы без объяснения, действительно подрывают сайт. –
Пожалуйста, не делайте этого. – Brian
Ну, это настоящий вопрос, но действительно, очень короткий. Я могу понять людей, склоняющих это. –