Завантаження шрифтів у Flash - MotoCMS Blog
Хто, як не веб-розробник, що витрачає кілька годин на день на прочитання корисного та цікавого матеріалу, знає, що контент керує інтернетом. А його правильне та красиве відображення, яке знаходить свою реалізацію у різних шрифтах, керує нашим смаком.
Дочитавши статтю до кінця, ви дізнаєтеся про всі можливості цього менеджера, а також зрозумієте як можна застосовувати його у своїх flash-проектах.
Почнемо із короткого плану нашої статті. Сьогодні ми поговоримо про:
* переваги та недоліки вбудованих шрифтів; * найбільш поширені помилки компіляції; * тому як інтегрувати новий шрифт у будь-який flash сайт;
Переваги та недоліки вбудованих шрифтів
Якщо ви потурбувалися про впровадження будь-якого шрифту у ваш проект, то це означає, що він буде доступний для відтворення Flash Player'ом у будь-який з робочих моментів і вам не доведеться турбуватися про те, що шрифт відсутній у будь-якого користувача. Серед основних явних переваг вбудованих шрифтів можна виділити такі:
* Шрифт не вимагає додаткової установки для коректного відображення; * до вбудованого шрифту можна застосовувати ефекти, робити бляклим, обертати тощо; * згладжування вбудованих шрифтів краще сприймається користувачем; * використання вбудованих шрифтів дозволяє досягти кращого рендерингу тексту у flash-файлах
Однак, як будь-яка медаль, у вбудованих шрифтів є свої недоліки.
* Ви можете використовувати шрифти тільки в .TTF та .OTF форматах. Якщо вам знадобиться використання нестандартного шрифту, його необхідно буде імпортувати в окремий .swf файл, а вже потім коректно прописати файл у вашому додатку. * Вбудовані шрифти вплинуть на кінцеву вагу файлу- Зроблять його більше, а значить користувачам знадобиться більше часу, щоб дочекатися завантаження вашого сайту. * Найчастіше вам знадобиться застосування додаткового коду для того, щоб додати новий шрифт.
Використання додаткових вбудованих шрифтів у будь-якому випадку обґрунтоване, оскільки дозволяє зробити ваш сайт ще більш привабливим, неповторним та зручним для читання.
У будь-якому випадку, для того, щоб починати процес додавання нового шрифту він повинен бути у вас у наявності, у форматі .TTF або .OTF. Вам потрібно буде перетворити його на .SWF. З онлайн-менеджером шрифтів (ОМШ) процедура виконується за кілька хвилин.
Логіка створення нового шрифту
Відкриваємо посилання: www.cms-guide.com/online-font-creator/
Вибираємо шрифт у форматі .TTF або .OTF та завантажуємо його за допомогою кнопки «Add font»
Тиснемо на кнопку «Create fonts». Процес пішов
В результаті отримуємо архів зі сконвертованим шрифтом, готовим для подальшого використання у flash-сайтах
Онлайн менеджер шрифтів є самостійним безкоштовним продуктом компанії MotoCMS та доступний абсолютно для всіх розробників
Можливі помилки компіляції
На сьогоднішній день практично будь-який шрифт може бути скомпільований за інструкцією, представленою вище. Однак, слід зазначити, що користувачі можуть стикатися з помилками під час створення шрифту. За своєю суттю це можу бути різні проблеми, причина яких зазвичай завжди одна…
Те різноманіття шрифтів, яке існує сьогодні у вільному доступі в інтернеті, не завжди створене з урахуванням усіх необхідних параметрів для його безперебійної та коректної роботи. Якщо дизайнер створював шрифт з огляду на всі нюанси та параметри його використання, то процес компіляціїпройде без проблем. Практично всі помилки, які виникають у користувача в процес компіляції, зазвичай стосуються некоректних початкових показників цього шрифту.
У деяких випадках, якщо використовуваний шрифт у форматі .TTF або .OTF був раніше не зовсім коректно скомпільований з іншого формату, це також може спричинити помилку.
За допомогою опції редагування, при необхідності, Ви зможете встановити необхідні додаткові параметри шрифту:
* можливість змінити сімейство шрифту; * відображення за замовчуванням (стандартне, напівжирне, курсив); * додавання лише необхідних символів.
На останньому пункті хотілося б зупинитись докладніше. Використання всього діапазону символів впливає на кінцевий розмір файлу, а саме від цього параметра залежатиме швидкість завантаження. Якщо ви знаєте, що потрібно лише певний набір символів, ви можете завантажити тільки їх. Тим самим було значно зменшивши розмір кінцевого файлу. Наприклад, така ситуація буде доречна, якщо ви підбираєте нестандартний шрифт для прелоадера, від якого Вам в кінцевому підсумку знадобляться відображення лише 11 символів (U+0025, U+0030-U+0039).
Варто також зазначити, що деякі шрифти рекомендується оптимізувати, перш ніж використовувати їх із Flash. Взяти хоча б піксельні шрифти. Як правило, вони дуже популярні, але їх використання передбачає ряд додаткових налаштувань і обмежень.
Якщо ви використовуєте шаблон сайту або готовий проект з Панеллю управління Moto CMS, то додати отриманий шрифт не становитиме ніяких зусиль через інтерфейс адміністрування. Для решти проектів використовуємо код.
Код додавання готового шрифту
Якщо Ваш проект виконано нена MotoCMS, то згенерований в ЗМШ .swf-файл шрифту додається за допомогою 59 рядків коду. Ось він
Тут давайте зупинимося докладніше. На початку коду ми вказуємо назву згенерованого шрифту
Потім створюємо завантажувач для зазначеного файлу та викликаємо метод loaderCompleteHandler
Отримуємо клас MotoFontInfo із завантаженого .swf файлу шрифту
MotoFontInfo — це клас, який автоматично додається до кожного .swf файлу при генерації шрифту. Наступного кроку ми отримуємо характерні особливості шрифту.
.SWF-файл шрифту також містить клас, до якого включено безліч стилів (наприклад, напівжирний, курсив). Ми вибираємо ім'я класу шрифту, щоб потім отримати його від *. SWF-файл.
Наступним кроком є використання циклу. Це необхідно для того, щоб зібрати докупи всі стилі, які можуть бути зареєстровані в класі шрифту.
Наприкінці коду ми створюємо нове текстове поле, щоб продемонструвати отриманий шрифт.
Наведений вище код може бути використаний на будь-якому flash-проекті, який ви захочете урізноманітнити безліччю шрифтових рішень.