Нестандартный шрифт средствами CSS. Отстой: неудобно, негибко, медленно.
Использование отсчета времени во FLASH. Тогда как в HTML используются заранее определенные теги (например, body, head или html), в XML пользователь создает свои собственные, а не выбирает готовые имена из библиотеки. Управление flash-сайтом со стороны администратора практически ничем не отличается от управления обычным сайтом, страницы которого представляют собой html+css файлы. Новости, статьи, акции. Уроки веб дизайна (создание сайтов). Этот прием чистый CSS, никакого Javascript или Flash. Работает на большинстве браузеров, включая IE6 (нужен фикс PNG). Это наиболее типичное использование Flash для большинства сайтов. Для работы нам необходимо два символа кнопок. Одна - основная, открывающая меню и другая, которую мы будем использовать для вызова html страниц.
Лучшее конечно на сейчас решение, но все равно это костыль, который напоминает об инвалидности браузеров. Пора покопать стандарты: что предлагают и где это уже работает. Заметка. Нестандартный шрифт в отличии от стандартных — это шрифт, который с большой вероятностью будет отсутствовать у большинства посетителей сайта. Задача. Внедрить нестандартный шрифт без использования картинок, javascript и flash.
Используем только последние достижения в CSS. Решение. Используем CSS правило @font- face, которое позволяет импортировать внешний файл шрифта в документ. Это значит, что если у пользователя не установлен нужный шрифт, он подгрузится с сервера без установки в операционную систему. Хотя он и первый начал поддерживать внедрение сторонних шрифтов (еще с 1.
Internet Explorera 4- й версии!!!), он требует особого формата для шрифта — EOT (Embedded Open. Type). Формат EOT решает сразу две задачи: сжимает файл шрифта, делая его вес в разы меньше (судя по тестам коллег этот метод лучше сжимает чем и RAR, и ZIP, и gzip методы)шифрует файл: в файл шрифта записывается информация, где он должен быть использован. Вне этого адреса этот шрифт работать не будет. В итоге подключение шрифта в стилях будет выглядеть в виде такого хака.
Как упаковать данные на сервере, известно многим, а вот как их загрузить и распаковать во flash — нет. Об том, как это сделать, и пойдет речь в этой статье. ДРУГИЕ УРОКИ ПО ActionScript3. В Flash’е встроены 8 уроков, которые помогут в освоении базовых возможностей программы. Учебник загружается в виде HTML-файла в броузере и много сопровождающих интерактивных примеров, которые наглядно помогают понять объясняемые темы.
- Урок посвящен созданию простого флеш сайта средствами АС 3.0. Откройте флеш(в моем случае это Adobe Flash CS 3, напоминаю, что третья версия языка АС, доступна лишь Флеш допускает использование минимального набора HTML-тегов к примеру тег <a>-гиперссылка, и.
- Посмотрите на сайте www.demiart.ru в разделе уроки Flash. Уроки бесплатные, только нужно зарегистрироваться.
- Название видео уроков: ”Азы Action Script. Видео уроки Adobe Flash CS3.
Internet Explorer */. Более того, из- за него может не подключаться шрифт вообще. В своих проектах на этот момент обращаем внимание: если не работает, просто убираем для IE local. Преимущества: гибкость — владелец сайта может как угодно менять любые тексты; быстрая скорость загрузки — минимальное количество внешних файлов при любом количестве текста нестандартным шрифтом; максимальная скорость работы сайта — ноль дополнительных элементов в DOM структуре, ноль скриптов и flash объектов, замедляющих сайт; текст ведет себя как текст (ведь он же остается текстом), т. Так шрифт Arial Unicode MS содержит 5. Самое время подумать, а будет ли на сайте использоваться удмуртский или фино- угорские языки?
А еще различные дополнительные символы, знаки препинания и цифры? А еще следует обратить внимание, что каждый шрифт имеет определенное количество начертаний: обычный, курсив, жирный, полужирный. Шрифт может содержать до 9 видов жирности (вспомни допустимые значения font- weight). Что делать. Исключаем из шрифта все, что не нужно для реализации поставленной задачи. Например, если шрифт применяется только для меню, тогда знаки препинания, различные дополнительные символы, цифры будут лишними.
Как делать. С этим могут помочь: Онлайн сервис @font- face Generator. Работает тут. Что может: два режима работы: Easy — кто не хочет вникать и Expert — для максимальной оптимизацииразные форматы результатов и это в одном месте! Вплоть до защиты шрифта от локального использования и файла для Cufon! Можно указать язык и набор дополнительных символов, а можно указать диапазон используемых символов, или просто перечислить символы, которые нужны, или использовать симбиоз всех способовдля тех кто слаб в CSS, даже стилевые правила сформируют. Для эксперимента сжимал шрифт весом в 1.
Кб с тестовой задачей . Оставил только маленькие русские буквы. Итоговый размер шрифта вышел 8.
Кб. Поразительно! Недостатки: EOT формируется без привязки к определенному домену (для серьезных проектов все же придется EOT делать отдельно)не все лицензионные шрифты может обработать (это недостаток относительный)Впечатление — фантастика, превосходно, супер- пупер, обалдеть!!! Заведу себе Pay Pal чтобы сделать Donate. Web Font Optimizer. Онлайн сервис, который позволяет оставить только необходимые символы. Из плюсов: прост и понятен.
В качестве результат получает True Type сжатый шрифт, EOT шрифт для IE и CSS код для подключения. Из минусов: сервис доступен только для жестко фиксированного перечня шрифтов, который есть у них на сайте. WEFTПО от Microsoft. Помогает перевести шрифт в EOT. Плюс делает невозможным использование шрифта вне указанного сайта. Скачать и познакомится детальней можно на странице, посвященной скрипту.
TTF2. EOTИз названия понятно, что конвертирует шрифт из TTF в EOT. Работает локально через командную строку, что уже само по себе не удобно. Скачать скрипт и почитать о нем подробней можно на сайте проекта. Online Font Converter. Прост в работе, позволяет конвертировать и лицензионные шрифты. Доступен тут. Из минусов: требуется обязательно регистрация. Как быть с защитой шрифта?
Если шрифт качественный, он разрабатывается высокими профессионалами, часто командой профессионалов, часто не один месяц. Такой шрифт может стоить не меньше, чем . Разработчики шрифтов стали их регистрировать как торговые марки, закрепляя права правообладателя на шрифт уже на уровне охраны промышленной собственности.
Т. е. Но приобретение — это пол проблемы. Нужно еще шрифт защитить от нелегального копирования. Таких проблем почти нет, если лицензионный шрифт на сайте реализован картинками или с помощью Javascript. Но если внедрять через @font- face, шрифт открыто лежит на сервере, который любой пользователь может скачать. А это уже грозит судебными исками.
Заметка. Для миллионов небольших сайтов нелегальное использование шрифтов может и пройдет без последствий, а вот крутым, коммерческим, особенно международным проектам стоит серьезно думать о покупке лицензий. Как же защитить шрифт?
Для IE эта проблема была решена сразу — формат EOT шифрует файл. Как следствие имеем шрифт, который будет работать только в пределах данного сайта.
Для остальных браузеров полной защиты нынче нет. Заметкиновый формат WOFT, который призван защищать шрифт по типу EOT, но пока не получил широкой поддержки в браузерах. Правда большинство из них страдает низким качеством и/или отсутствием поддержки кириллицы.@font- face + data: url. Чтобы избежать дополнительного запроса к серверу, шрифты можно внедрить в CSS с помощью data: url. Синтаксис будет таким. Это шаг к более быстрым, удобным и разнообразным сайтам.
Но из- за не полной кроссбраузерности и проблем с защитой авторских прав, @font- face в чистом виде пока не стоит применять. Материалы. По теме.