Проектор Cactus CS-PRE 09BПросмотр паролей в firefoxКак слушать музыку вконтактеiphone ipad cellular в режиме модемаОтключить дополнительные пакеты интернет МТС

Уникальный шрифт на сайте

Для большинства кириллических шрифтов операционной системы Windows нет аналогов в Mac OS и LinuxUnix системах.

Это приводит к непредсказуемым результатам вывода текста в различных браузерах.

Близкие соответствия в других системах есть только для следующего списка безопасных шрифтов из Windows:

Сегодня понадобилось на одном из клиентских сайтов реализовать уникальный шрифт, не долго поискав в интернете нашёл решение.

@font-face {	font-family: "Name"; src: url("file.TTF"); }

Так подгружаются шрифты под жирный, курсив и подчёркнутый:

@font-face {	font-family: "Georgia"; src: url("Georgia.TTF"); }
@font-face {	font-family: "Georgia"; font-weight: bold; src: url("Georgiab.TTF"); }
@font-face {	font-family: "Georgia"; font-style: italic; src: url("Georgiai.TTF"); }

После этого абсолютно нормально вызывается шрифт.

Шрифт для старых версий IE (5-8)

Старые версии IE воспринимают только формат: eot.

Internet Explorer, как известно достаточно странные броузер. Достаточно просто взглянуть на то, как именно он отображает стандартные правила CSS 2.1. У ранних версий (а именно у 6-й) есть баг в парсинге URL. Если URL в правиле CSS написать «#», то весь текст, идущий за «#» будет восприниматься как продолжение ссылки, даже если там указаны кавычки и другие мелочи. Поэтому можно подключить сторонний шрифт одним правилом font-face и для IE и для других броузеров. Вот таким образом:

  @font-face {
	font-family: 'PTSans';
	src: url('css/fonts/ptsans.eot#'), 
	     url('css/fonts/ptsans.ttf');
	}

Конвертация шрифта

Об этом можно писать отдельную статью, потому, что средств сегодня достаточно много, хотя еще несколько лет назад, для этого была только одна программа, разработанная Microsoft под Windows (не доступная для пользователей других ОС).

Теперь же сконвертировать шрифт можно даже через веб интерфейс сделать запрос в поисковик из ttf в eot