На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » CSS

Проблемы внедрения шрифтов в веб-страницу.

Под внедрением шрифтов в веб-страницу обычно понимают "прикрепление" файла шрифта к определенной странице. Идея сама по себе хороша— мы прикрепляем свой шрифт к странице и при отсутствии необходимого шрифта на компьютере пользователя автоматически применяется "наш" шрифт. Хотя, конечно, стоит еще подумать— что такого особого в вашем шрифте, кому он нужен?

Для прикрепления-внедрения определенного шрифта к веб-странице в CSS второго уровня используется правило:


@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")
}

По идее, все просто и понятно— назначаем определенному элементу определенный шрифт, при его отсутствии шрифт загружается с указанного "адреса". Адрес может быть как абсолютным, так и относительным. Шрифты можно применять почти всех известных форматов: .pfr, .eot, .ttf и еще некоторые. Приведенный выше пример можно сделать более "конкретным":


@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt.ttf")
}

Я понятия не имею, существует ли подобный шрифт в реальности... Это для примера.

В данном случае мы сразу имеем две крупные проблемы: во первых— шрифт формата .ttf, например, частенько "весит" пять-шесть десятков Кб, во вторых— данная схема просто не настолько опробованна, чтоб ее применять.

Мне уже несколько раз писали читатели о специальной программе, которая внедряет заданный шрифт в веб-страницу. Об этой программе знал я давно, но был только один вариант заполучить ее— скачать с официального сайта Microsoft. При размере более девяти Мб... это удовольствие не для слабонервных. Программа называется Microsoft WEFT, а найти ее можно по адресу: Microsoft Typography

Этот WEFT я скачал. Возился с ним около недели... При чтении "инструкций по эксплуатации" создается впечатление, что мы получаем просто уникальную и гениальную добавочку к своему инструментарию— программа преобразует файл типа .ttf в .eot (Embedded OpenType ). Файл шрифта сжимается до неузнаваемости— три-пять Кб! Нам нужно только выбрать необходимый шрифт, нажать кнопочку... А прикрепляется наш шрифт к веб-странице указанным выше способом.

На деле все оказалось значительно сложнее и "безнадежнее". В самих описаниях возможностей WEFT сказанно, что не все сервера "понимают" формат .eot. При преобразовании шрифтов выяснились еще более "интересные" моменты. С английскими шрифтами особых проблем не возникло— почти все спокойно "переписывались" в нужный формат, сжимались и работали при "полевых" испытаниях. А вот наши родные...

Из "русских" шрифтов я не смог заставить работать ни одного!!!

Со шрифтами не все понятно, я не профи в этой области, при возможности надо будет проконсультироваться... Большинство шрифтов я применяю только в Фотошопе, там все работает, но могу предложить "для разнообразия" один простой повод задуматься. Если вы пользуетесь Фотошопом, то, скорее всего, шрифтов у вас всяких навалом. Если есть Ворд— откройте его, напишите пару слов и попробуйте применить к ним все ваши шрифты, нормально работающие в Фотошопе. Как результаты? :)

Надежно работающего способа внедрить "русский" шрифт "терпимого" размера в веб-страничку так и не обнаружено... Возможно, вы сможете добиться большего.

Примерно месяц назад мне подкинули еще один способ задуматься, подкинул один из читателей после прочтения статьи о применении шрифтов. Сам "подкинувший" столкнулся с данной проблемой вплотную, долго мучился, но выхода так и не нашел. Сразу предупреждаю— я тоже ничего "радикального" не смог сделать.

Если вы в Виндусе, откройте Пуск -- Настройка -- Панель управления -- Экран -- Настройка. В дополнительных настройках экрана есть возможность назначить размер шрифта. Как оказалось, некоторые особо догадливые... как их назвать-то, после этого. Так вот, некоторые выставляют там крупный шрифт. Все. Если на вашей страничке были ячейки или блоки фиксированного размера и заполненные текстом до предела, то весь ваш дизайн "поползет" по швам. Единственный выход— или проверять все и приспосабливать даже для этого случая или делать все растяжимым.

Спонсор раздела

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100