Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Блог

Cufon внедрение нестандартных шрифтов силами JS

  • 27.05.2011
Total
0
Shares
0
0
0
0
0
0

До недавнего времени каждый веб разработчик, хоть раз за свою профессиональную деятельность, да сталкивался с конкретной проблемой достаточно трудоемкой верстки в HTML или “натягивания” на движок с идеальным совпадением. Имя этим проблемам, в большинстве случаев, – шрифты!

 

Раньше эта задача решалась двумя способами: можно было использовать FLASH-технологию или применить заголовки и пункты меню с использованием картинок. Теперь же все решается гораздо проще и эффективнее с появлением супер-технологии нового поколения (cufon).

 

Суть технологии (cufon шрифт) заключается в том, что непосредственно в код страницы внедряются уникальные пользовательские шрифты. То есть, как только пользователь начинает загружать страницу, файл шрифта, специально сгенерированный, подтягивается jascriptом. Этот файл распознается всеми браузерами, поддерживающимися javascript.

 

Когда шрифты не установлены, что называется, “по умолчанию”, лучшим решением возникающих проблем действительно можно считать технологию cufon. В качестве основных преимуществ этого технологического новшества можно назвать следующие позиции:

 

  • Основой для нее является уникальная платформа Javascript/jQuery
  • На сайте не потребуется установки более быстрого флэш-плера
  • Нет более простой технологии, когда речь идет о ее установке или настройке;
  • Вполне качественно может работать и на современных мобильных устройствах;
  • Совсем не требует применения дополнительного кода CSS, как, например, предыдущая технология sIFR.

 

Даже в тех случаях, когда технология Cufon не поддерживает эффект CSS hover наводом мыши, это довольно просто можно осуществить следующим образом: Cufon.replace(‘h1’,{hover: true}).

 

Для того, чтобы беспрепятственно использовать эту супер-технологию, достаточно установить основную классическую библиотеку jQuery, один из базовых файлов Cufon, а также выбранный шрифт – например, тот, который называется “(cufon кириллица)” или “(cufon js)”.

 

Чтобы без проблем загрузить Cufon на конкретный сайт, необходимо скопировать нужные файлы на сервер – допустим, в папку “scripts” и вставить соответствующий случаю код-тэг – <head>…</head>.

 

Сегодня многие программисты с успехом используют технологию Cufon для совершенствования внешнего вида сайтов – создания заголовков h1, h2 и.т.д. Это, безусловно, самый оптимальный вариант, как для поисковых систем, которым проще работать с ресурсами без картинок, так и для пользователей, поскольку контент выглядит просто великолепно, благодаря использованию самых разнообразных, красивых и качественных шрифтов.

 

Если конкретному владельцу веб ресурса чрезвычайно важно, чтобы его “детище” – например, интернет-магагзин был многоязычным, то активно используя для контента уникальную технологию Cufon, даже если там не был включен (cufon русский), вполне можно добавить шрифты для кириллицы самостоятельно. Конечно, если есть исходный файл конкретного шрифта (например, *.ttf).

 

Технология Cufon вклинивает в HTML странице текст, а рядом с ним оставляет векторный рисунок в тег canvas. Собственно говоря, именно поэтому и не возникает проблем с поисковиками.

 

Сама Cufon состоит из двух индивидуальных частей: font generator, отвечающий за конвертацию шрифтов в нужный формат, а также часть, которая отвечает за парсинг этого формата. Generator, собственно, и занимается конвертацией из шрифта в SVG font, а затем в VML. Конкретно этот шаг необходим для совместимости с IE. Ну, а уже этот результат формируется в JSON, с которым непосредственно и работает JavaScript.

 

О плюсах уникальной технологии много сказано, однако, существует и у нее несколько “шероховатостей”. Cufon имеет некоторые проблемы с распространением платных лицензионных шрифтов, хотя это и решаемо, если есть привязка к домену. Кроме того, возникают определенные трудности с Opera. При систематическом использовании градиента и теней о подсветке ссылок в hover речи уже не идет.

 

Других проблем у новейшей технологии Cufon практически не существует – она является универсальным инструментом для программистов и создателей веб сайтов

Ссылки: http://cufon.shoqolate.com/generate/ Генерация шрифта в нужном формате

 

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
Алексей Волков

Предыдущий материал
  • Блог

Компрессоры создают поток газа

  • 24.05.2011
  • ksenja6
Read More
Следующий материал
  • Хостинг

Платформы в облаках Amazon S3

  • 28.05.2011
  • jokar
Read More
Вас также может заинтересовать
Read More
  • Блог

Tervolina.ru

  • Алексей Волков
  • 02.01.2013
Read More
  • Блог

Составляющие нашей жизни

  • Алексей Волков
  • 26.12.2012
Read More
  • Блог

Агентство «Текстерра» услуги и эффективность

  • Алексей Волков
  • 09.12.2012
Read More
  • Блог

Блог Пальчуна Алексея. Стать лидером можно всегда!

  • Алексей Волков
  • 28.11.2012
Read More
  • Блог

Браузеры

  • Алексей Волков
  • 27.11.2012
Read More
  • Блог

Полезная и бесполезная сувенирка

  • sacred
  • 23.10.2012
Read More
  • Блог

Опросы, как инструмент исследования

  • sacred
  • 20.10.2012
Read More
  • Блог

Уроки рекламы от стриптизерш!

  • sacred
  • 16.10.2012

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter