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

Question

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

Answer 1

Я использую Cufón . Он работает со всеми современными браузерами, легок и относительно прост в настройке.

Answer 2

Подумайте об использовании обычного шрифта, который у всех есть для основного текста, основной части вашего контента. Есть довольно много на выбор. Для заголовков используйте пакет для рисования (например, MS Paint, Photoshop), чтобы форматировать заголовки как изображения, используя предпочитаемый шрифт. Если вы хотите добавить более необычный шрифт для своего основного текста, вы всегда можете прибегнуть к чему-то вроде этого в своем CSS:

font-family: <some-fancy-typeface>, Calibri, "Gill Sans MT", Helvetica, Tahoma, Arial, sans-serif;

Помните, что сначала он попытается использовать ваш более красивый шрифт, а затем просматривать список более простых вариантов, пока не будет найдено совпадение. Помните, что с точки зрения удобства использования большинство людей предпочитают простой шрифт, такой как Helvetica или Times Roman, для своего основного текста (рассмотрим Google, Yahoo !, переполнение стека ...). Приправа заголовков с помощью растровых изображений, конечно, является частью специи веб-жизни.

Answer 3

Вы можете взглянуть на что-то вроде sIFR или TypeKit , которое будет использовать flash и javascript соответственно для исправления пользовательских шрифтов.

Пока не так много браузеров, которые правильно поддерживают @font-face.

Answer 4

Вы говорите, что вам необходимо использовать шрифты "hi-style" для вашей веб-страницы. Если это действительно так, вам нужно пойти с ответом Боба Кауфмана. Проблема с использованием изображений для текста, однако, заключается в том, что он полностью нарушает индексирование, поиск и т. Д. Вместо этого рассмотрим , а не , выполняя это и придерживаясь списка приоритетных шрифтов.

Когда вы указываете font-family, вы можете указать список, и будет использован первый соответствующий шрифт. Это допускает постепенную деградацию - если у пользователя есть ваш причудливый шрифт, хорошо, но если нет, то используется следующий лучший вариант (как определено вами), например ::

.

body {
  font-family: "Nifty Cool Font", "Times New Roman", Georgia, Serif;
}

Подробнее на странице w3schools для объекта font-family .

Answer 5

Прочтите это о динамических шрифтах.

Итак, вы хотите динамические шрифты, да?

Динамические шрифты

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

Когда вы используете эти шрифты, файл шрифта будет загружен в ваш кеш, как изображение. Когда-то, до тех пор, пока вы не очистите свой кеш полностью, шрифт будет там для все будущие визиты. Это интересно смотреть страница в первый раз, когда вы используете эти шрифты. Страница войдет полностью с текстом в формате по умолчанию. Затем, когда шрифт, или шрифты, загрузить, вся страница перезагрузится и приходит в себя Это отличный эффект.

Использование этих шрифтов - это в основном Netscape Navigator 4.0 или Лучшая сделка Тем не менее, вы также можете просматривать шрифты с помощью MSIE 4.0 и выше, если вы также включите, наряду с шрифт, помощник Active X применение.

Answer 6

Зависит от того, какой шрифт вы хотите использовать ... самое простое решение - использовать метод @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 и масштабируемо.

Answer 7

Если у вас мало посетителей IE на вашем сайте, вы можете использовать CSS 3 веб-шрифты

Answer 8

Вы можете использовать CSS (как опубликовано ранее) для ссылки на файлы .TTF, как показано здесь: http://weston.ruter.net/2008/08/27/efficiently-serving-custom-web-fonts/

Привет.

Answer 9

Вы можете подать в суд на javascript, чтобы добиться этого.

вот библиотека в качестве примера.

Там может быть больше библиотек, которые могут сделать то же самое.

Answer 10

Некоторые веб-страницы используют Flash-ролик только для заголовка, в который может быть встроен шрифт. Вы можете использовать изображения (автоматически сгенерированные). Я лично считаю, что все это немного непрофессионально, но разные люди по-разному соотносят удобство использования и стандарты с дизайном.

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