Нестандартный шрифт средствами CSS. @font-face.

[Freeman Liberty]

В процессе работы с одним из шаблонов для joomla обратил внимание что вывод нестандартных шрифтов реализован с помощью @font-face.
Как водится в шаблоне использовался латинский шрифт. Попробовал переделать на кирилицу.
Погуглил и вышел на две неплохих статьи о применении @font-face .
Если кому интересно вот они
Для просмотра ссылки Войди или Зарегистрируйся
и
Для просмотра ссылки Войди или Зарегистрируйся

Сделал как описано во втором посте (с помощью онлайн сервиса @font-face Generator), но добиться отображения кирилических символов так и не получилось.

Внедренный в сайт кириллический шрифт прекрасно выводит текст написаны латиницей, кириллица же остается как есть.

Решал ли кто-то данную проблему.
И реально ли это - вывести нестандартный кириллический шрифт с помощью @font-face.

 

[mdss]

а ты не думал, что в шрифте может и не быть кириллицы?

 

[Freeman Liberty]

Внедренный в сайт кириллический шрифт

В том то и дело что шрифт я подбирал специально из раздела кириллических шрифтов.
Называется NadejdaBold
Брал вот от сюда Для просмотра ссылки Войди или Зарегистрируйся

Тут скорее дело в сервисе @font-face Generator.
Может что в настройках изменить надо?
Или может быть он вообще кириллицу не поддерживает?

 

[mdss]

В генераторе поставь галку как на скрине

 

[nikki]

Можешь посмотреть пример в стандартном шаблоне beez_20 для j 2.5 там сделано для шрифта с помощью @font-face для шрифта Titillium Maps. Станет понятно.

 

[Solj]

У гугла есть отличный сервис для веб разработчиков. Там можно выбрать шрифт, указать кирилицу. и он просто дает линк на импорт CSS
Для просмотра ссылки Войди или Зарегистрируйся

 

[HeadHunter]

Сегодня как раз сталкивался с подключением стороннего шрифта. Решил не заморачиваться с font-face а сделал с помощи Java Script, ссылка на тему на хабре Для просмотра ссылки Войди или Зарегистрируйся

P.S. от себя быстро и легко

 

[Solj]

Зачем подключать лишние яваскрипты и нагружать браузер?
по моему проще выбрать шрифт и вставитьь в ксс что то типо

@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic);

(гугл все предоставляет) а дальше использовать font-family в css

 

[HeadHunter]

Зачем подключать лишние яваскрипты и нагружать браузер? по моему проще выбрать шрифт и вставитьь в ксс что то типо HTML: @import url(Для просмотра ссылки Войди или Зарегистрируйся (гугл все предоставляет) а дальше использовать font-family в css

Да ну? Уж прям то гугл все и представляет. Мне нужен был шрифт Stencil Cyrillic которого в гугле и в помине нет. Вот и приходится пользоваться ява скриптами. Можно посмотреть еще в сторону Cufon, тоже все быстро и без заморочек. Подключит любой шрифт который ему скормите

P.S. опять же, не все шрифты можно скормить и генератору который указан ниже топиком. Ну что за народ то?

 

[Solj]

Да ну? Уж прям то гугл все и представляет. Мне нужен был шрифт Stencil Cyrillic которого в гугле и в помине нет. Вот и приходится пользоваться ява скриптами. Можно посмотреть еще в сторону Cufon, тоже все быстро и без заморочек. Подключит любой шрифт который ему скормите

Для таких случаем есть Для просмотра ссылки Войди или Зарегистрируйся