Ну в том то и проблема что шрифт будет отображаться только там где он установлен помимо "стандартного" набора.Нашел решение:
Нужно реализовать подгрузку нужного шрифта извне. Нашел статью где все подробно описывается, у меня все работает:
Вам наверное не раз хотелось установить на вашей странице какой либо красивый шрифт, но к сожалению его может не быть у других пользователей и тогда он будет заменён каким либо из "стандартного" набора.
Поскольку давать пользователям ссылку на шрифт с просьбой установить - дурной тон. Я научу вас как это делается!
Итак, делать это мы будем при помощи правила @font-fase. Оно позволяет задать шрифт и его параметры, а также загрузить шрифт на компьютер пользователя и использовать его при необходимости в браузере.
Синтаксис правила:
@font-face { свойства шрифта }
Свойства шрифта:
font-family - имя семейства (название) шрифта
font-style - стить шрифта (normal | italic | oblique | inherit)
font-weight - "вес" шрифта (normal | bold | bolder | lighter | 100 | 200 | 300 ...)
src - ссылка на шрифт
Ссылка задаётся при помосчи url (также можно добавить формат шрифта):src: url('http://cсылка на шрифт') format('truetype');
Добавив запись @font-fase в ваш CSS файл вы можете использовать указанное в свойстве font-family имя шрифта.
@font-face {
font-family: 'Howto'; /* Имя шрифта */
src: url(http://how2.org.ua/fonts/Howto.ttf); /* Путь к файлу со шрифтом */
}
p {
font-family: 'Howto';
}
Подробнее в статье: http://how2.org.ua/art/25