@ font-face или sIFR 3? - PullRequest
Новая
       48

@ font-face или sIFR 3?

1 голос
/ 02 марта 2010

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

  • Поддержка всех браузеров (включая IE6 и все Браузеры класса )
  • текст Доступно для выбора
  • Выбор отображается
  • Доступен для чтения с экрана
  • Успешно разлагается при отключении JS
  • Простота внедрения и управления за меньшее время
  • Совместимость с мобильными браузерами
  • меньше проблем с производительностью
  • Покупка не требуется
  • Может также использоваться как ссылка
  • Шрифт должен выглядеть гладко, как в Photoshop

илиЕсть ли другое лучшее и бесплатное решение, которое имеет все эти вещи?

Ответы [ 4 ]

2 голосов
/ 02 марта 2010

Почему бы просто не использовать пуленепробиваемый синтаксис @ font-face , как описано Полом Айришем , и подкрепить его альтернативными стилями и JavaScript в условных тегах IE?

IE: 

<style type="text/css">
...
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}
...
</style>
<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" href="ie_6styles.css" />
<script type="text/javascript" src="Cufon.js"></script>
<script type="text/javascript">
   Cufon.init();
</script>
<![endif]-->

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

1 голос
/ 03 марта 2010

Если бы вы были мной, используйте @ font-face и поставьте решение javascript (например, cufón) для старых браузеров.

  1. использование fontsquirrel
  2. и фильтр JavaScript
0 голосов
/ 02 марта 2010

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

0 голосов
/ 02 марта 2010

@ font-face не поддерживает IE6 так хорошо, как хотелось бы. Так что, если это ваше требование, не используйте его.

Согласованность браузера также является большой проблемой с @ font-face

...