WebDesign.Doc: Советы по Web-разработке. Выпуск 242
WEbDESiGN.doc // №242
приглашаем к сотрудничеству:
Рассылка "WebDesign.doc: Советы по Web-разработке" приглашает к сотрудничеству владельцев сайтов и рассылок компьютерной тематики. Рассмотрим любые предложения - обмен ссылками, статьями, рекомендациями, формами подписки, размещение вашей рекламы, обмен рекламой и т.д. У нас более 20.000 подписчиков! Контактный e-mail - webmastersoft@mail.ru
читайте в этом выпуске:
Советы по Web-разработке
Еще один способ использования экзотических шрифтов на веб-странице
Библиотека
CSS. Рецепты программирования
SEO - искусство раскрутки сайтов
Сайт на AJAX под ключ. Готовое решение для интернет-магазина
Скачать бесплатно!
Видеокурс «Основы создания креативных эффектов в Adobe Photoshop CS5»
Полезности
Optimizer 2011 - оптимизатор компьютера и Интернета (подробнее...)
Нередко бывает, что клиент хочет «вот этот красивенький шрифтик ААА» себе на сайт. Раньше это было в большинстве случаев недоступно, пока не появились различные библиотеки для работы с нестандартными шрифтами либо тот же
@font-face.
Существуют также решения типа
sIFR,
cufon, и другие, хотя они, возможно, по сравнению с предлагаемым методом не так элегантны.
Холиварить, что лучше мы не будем. Да и с @font-face могут быть проблемы с лицензиями на шрифты и другие вещи.
Еще когда-то большая часть сайтостроителей пользовались картинками (да и сейчас замечается). Иногда мне в те времена приходилось отказываться от картинок в пользу быстрой загрузки сайта (ведь тогда еще скорость Интернетов была не такая как сейчас). Но заказчику объяснить, почему лучше не использовать тот или иной «красивенький» шрифт — весьма трудно. Да и не должно такое быть на самом-то деле!
Какой же вариант наиболее оптимален?
В общем, каждый решал (решает) вопросы, возникшие со внедрением нестандартных шрифтов по-своему. Кому-то они нравятся, а кто-то, быть может, часто наступает на грабли.
Поэтому стоит рассмотреть (а кому-то напомнить) о замечательном сервисе — Google Font API. Сразу предупрежу: это не панацея, не решения всех проблем, но как отличная альтернатива всему тому, чем мы пользовались раньше/пользуемся сейчас.
С помощью Google Font API можно внедрять веб-шрифты на любую веб-страницу, как и большинство других инструментов позволяют это делать. В чем же преимущества?
Google Font API включает в себя:
Выбор высококачественных оупенсорс-шрифтов.
Работает в большинстве браузеров (но не во всех).
Крайне прост в использовании.
Поскольку все хостится на Google, поэтому сохраняется пропускная способность.
Поскольку они находятся в одном и том же месте в Интернете, веб-браузер будет их кэшировать и для других сайтов, загрузив только раз.
Минусы:
Все-таки неполная поддержка браузеров (например, Firefox 3.6.13 Ubuntu!)
Очень малое количество кириллических шрифтов (есть надежда, что скоро их будет больше)
Так же есть
просмотрщик шрифтов, с помощью которого можно подобать шрифт и его характеристики, который нужен. А для Chrome в дополнение к этому предлагается специальное
расширение.
Как уже говорилось, использование API очень просто. Просто добавьте в секцию <head>… </head> веб-странички строчку, которая будет загружать необходимые CSS. А затем использовать его в вашем CSS следующим образом:
h1 { font-family: 'Lobster', arial, serif; }
Как работает API? Когда браузер посылает запрос на получение таблицы стилей к Google Font API (как указано в теге <link>), Font API генерирует таблицу стилей для конкретного браузера пользователя, сделавшего запрос. Это в основном помогает разработчикам проверить версию браузера и вставить нужный CSS.
Для лучшего отображения в IE, вставляйте тег <link> первым элементом в секции <head>. В IE, если ссылка размещена после тега <script>, вся страница будет блокироваться и не отобразится ничего, пока веб-шрифт не загрузится.
Chrome, Opera, Safari и Internet Explorer покажет пробел перед тем, как шрифт загрузится, а FireFox же покажет недекорированый шрифт. Google предлагает загрузчик, который заставляет всех браузеров вести себя, как FireFox.
Вот пример, взятый из Google документации интерфейс работы со шрифтами:
Для интересующихся рекомендую сходить на
Google Font API, чтобы увидеть список доступных шрифтов и почитать документацию.
Итак, что наиболее оптимально - выбирать всегда вам, я лишь привел свои размышления по сему поводу. Может кто-то решит, что это лучший способ, а кто-то убедится, как НЕ нужно делать. Да и случаи внедрения бывают неоднородные.
В любом случае пусть будет этот Ваш выбор на пользу того дела, которое вы делаете.
Библиотека
CSS. Рецепты программирования, 2011 г. Шмитт К.
Книга посвящена технологии Cascading Style Sheets (каскадные таблицы
стилей). Обсуждаются основы CSS, а также средства, обеспечивающие
наилучшие методы практической разработки: Web-типографика, изображения,
элементы страницы, списки, ссылки и навигация, формы, таблицы, макеты
страниц,...
дальше
SEO - искусство раскрутки сайтов, 2011 г. Энж Э., Спенсер С., Фишкин Р., Стрикчиола Д.
Полное и подробное руководство по поисковой оптимизации (SEO) для
специалистов по раскрутке сайтов всех уровней. Изложены основы работы
поисковых движков и цели оптимизации. Последовательно рассмотрены самые
важные для бизнеса аспекты SEO, начиная с разработки сайта, подбора
ключевых...
дальше
Сайт на AJAX под ключ. Готовое решение для интернет-магазина, 2011 г. Петин В.А. + CD-ROM
Описана разработка высокоинтерактивных Web-сайтов, основанных на
передовой технологии AJAX, работающих без перезагрузки страниц и
обладающих функциональностью настольных приложений. Обучение построено
на сквозном примере создания с нуля готового решения: интернет-магазина
цифровых...
дальше
Скачать бесплатно!
Видеокурс «Основы создания креативных эффектов в Adobe Photoshop CS5»
Креативные или творчиские фото эффекты в Adobe Photoshop CS5: в
данном обучающем курсе, автором которого является Крис Орвиг, Вам представится
возможность обучиться очень многому. Шаг за шагом вы увидите как создавать
неповторимые эффекты с вашими фотографиями или текстом.
Все эффекты при завершении выглядят профессиональными и четкими. Креативные или
творчиские фото эффекты в Adobe Photoshop CS5: в данном обучающем курсе, автором
которого является Крис Орвиг, Вам представится возможность обучиться очень
многому. Шаг за шагом вы увидите как создавать неповторимые эффекты с вашими
фотографиями или текстом. Все эффекты при завершении выглядят профессиональными
и четкими.Изучив эти видеоуроки Фотошоп, вы с легкостью сможете сделать
привлекательную обложку для глянцевого журнала или создать "легкую" и
привлекательную веб-графику, для оформления Вашего сайта.
Год издания: 2010 Продолжительность: 07:18:00 Язык: английский Формат: Видео Размер: 872.7 Mb
Надеюсь, что вам понравился этот выпуск рассылки и вы узнали что-то новое и полезное для себя. Если у вас есть пожелания или предложения как сделать рассылку лучше, присылайте их на наш e-mail:
webmastersoft@mail.ru
Нередко бывает, что клиент хочет «вот этот красивенький шрифтик ААА» себе на сайт. Раньше это было в большинстве случаев недоступно, пока не появились различные библиотеки для работы с нестандартными шрифтами либо тот же 
CSS. Рецепты программирования
SEO - искусство раскрутки сайтов
Сайт на AJAX под ключ. Готовое решение для интернет-магазина
