Hacks…

По време на работата ми по един личен проект се сблъсках с един доста разпространен проблем – как да използвам шрифтовете които искам в дизайна си, така че потребител, който ги няма инсталирани на системата си, да ги види точно както съм предвидил да изглеждат?

Тези от вас, които са правили някога web-страница са запознати с ограниченията за набора шрифтове, които можете да използвате без проблеми – Tahoma, Verdana, Times New Roman, Courier и още два-три изчерпват списъка. Ако искате да използвате нещо по-читаво – прецакани сте, понеже трябва да правите или GIF-че с текста, или да ползвате flash/javascript базирано решение от рода на sIFR.

Моят избор падна върху втория вариант – GIF-ове ползвам само когато ме мързи или сайта не си струва парите – наляга ме меркантилността, признавам си. Предимството на sIFR се изразява и във факта, че текста остава selectable, а кодът на страницата е валиден според правилата на W3C. Недостатък е само изискването да притежавате Adobe Flash за да вградите глифовете от желаният шрифт във .swf-то, както и да получите въпросното .swf от изходния .fla-файл.

Понеже нямам Flash на машината си (а и нямам никакво намерение да имам), а опцията “Батка, ‘айде тука да оправим ей тоя файл” ме дразни много, потърсих опция сам да си вграждам шрифтовете без да ползвам Flash. Оказа се, че благодарение на swfmill можете да пипате съдържанието на по-елементарни .swf-файлове, използвайки междинен XML формат.

Хватката става сравнително лесничко:

1. Сваляте sIFR и swfmill и инсталирате последния. Разархивирате sIFR някъде и си копирате шрифта който искате да вградите в същата директория.

2. В същата директория си създавате текстов файл на име fonthack.xml с подобно съдържание:

<?xml version="1.0" encoding="utf-8"?>
<movie width="200" height="70" framerate="30">
<background color="#ffffff"/>
<library>
<font id="someid" import="yourfontfile.ttf"
glyphs="абвгдежзийклмнопрстуфхцчшщюяАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЮЯ
abcdefghijklemnopqrstuvwxyzABCDEFGHIHJKLMNOPQRSTUVWXYZ
1234567890~!@#$%^*()_+=-"/>
</library>
<frame/>
</movie>

3. Пускате следните команди в директорията с разархивирания sIFR:

swfmill simple fonthack.xml fonthack.swf
swfmill swf2xml fonthack.swf temp1.xml
swfmill swf2xml tradegothic.swf temp2.xml

4. Отваряте файла temp1.xml с някакъв текстов редактор и копирате всичко между таговете <DefineFont2> и </DefineFont2>. Копираният текст paste-вате в temp2.xml, замествайки всичко между <DefineFont2> и </DefineFont2>. Записвате си temp2.xml, и пускате следната команда: