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

Тема в разделе "Верстка", создана пользователем Freeman Liberty, 14 июн 2012.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Freeman Liberty

    Freeman Liberty

    Регистр.:
    19 май 2009
    Сообщения:
    468
    Симпатии:
    172
    В процессе работы с одним из шаблонов для joomla обратил внимание что вывод нестандартных шрифтов реализован с помощью @font-face.
    Как водится в шаблоне использовался латинский шрифт. Попробовал переделать на кирилицу.
    Погуглил и вышел на две неплохих статьи о применении @font-face .
    Если кому интересно вот они
    http://habrahabr.ru/post/64596/
    и
    http://www.xiper.net/collect/html-a...hics/font-face-non-standart-fonts-on-css.html

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

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

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

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.140
    Симпатии:
    671
    а ты не думал, что в шрифте может и не быть кириллицы?
     
  3. Freeman Liberty

    Freeman Liberty

    Регистр.:
    19 май 2009
    Сообщения:
    468
    Симпатии:
    172
    В том то и дело что шрифт я подбирал специально из раздела кириллических шрифтов.
    Называется NadejdaBold
    Брал вот от сюда http://www.xfont.ru/font/шрифт_NadejdaBold_42292.htm

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

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.140
    Симпатии:
    671
    В генераторе поставь галку как на скрине
     

    Вложения:

    • 1.gif
      1.gif
      Размер файла:
      21,9 КБ
      Просмотров:
      56
    Красавчег и Freeman Liberty нравится это.
  5. nikki

    nikki Постоялец

    Регистр.:
    21 май 2012
    Сообщения:
    85
    Симпатии:
    4
    Можешь посмотреть пример в стандартном шаблоне beez_20 для j 2.5 там сделано для шрифта с помощью @font-face для шрифта Titillium Maps. Станет понятно.
     
  6. Solj

    Solj Писатель

    Регистр.:
    11 июн 2012
    Сообщения:
    3
    Симпатии:
    0
    У гугла есть отличный сервис для веб разработчиков. Там можно выбрать шрифт, указать кирилицу. и он просто дает линк на импорт CSS
    http://www.google.com/webfonts
     
  7. kadurinho

    kadurinho Shop Script

    Moderator
    Регистр.:
    21 июн 2011
    Сообщения:
    628
    Симпатии:
    260
    Сегодня как раз сталкивался с подключением стороннего шрифта. Решил не заморачиваться с font-face а сделал с помощи Java Script, ссылка на тему на хабре http://habrahabr.ru/post/54109/

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

    Solj Писатель

    Регистр.:
    11 июн 2012
    Сообщения:
    3
    Симпатии:
    0
    Зачем подключать лишние яваскрипты и нагружать браузер?
    по моему проще выбрать шрифт и вставитьь в ксс что то типо
    HTML:
    @import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic);
    (гугл все предоставляет) а дальше использовать font-family в css
     
  9. kadurinho

    kadurinho Shop Script

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

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

    Solj Писатель

    Регистр.:
    11 июн 2012
    Сообщения:
    3
    Симпатии:
    0
    Для таких случаем есть http://www.fontsquirrel.com/fontface/generator