Отключить дополнительные пакеты интернет МТСАмедиатека списывает деньги с номера МТСЗапустил группу вконтактеНовые технологии дают толчок к будущемуЗа последние выходные почти полноценно перешёл на Linux

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

Для большинства кириллических шрифтов операционной системы 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