1. Доступ к загрузкам имеют пользователи со статусом КЛИЕНТЫ, стать клиентом вы можете заказав услугу Сайт как на демо. Стоимость работ специалиста + хостинг на 1 год и пожизненный доступ к ресурсам - 5 000 руб.
    Для обновления одного шаблона необходимо оплатить услугу Техническая поддержка (500 руб. - Яндекс-деньги или банковский перевод) модуль справа-внизу, сообщить {admin} реквизиты доступа на хостинг или e-mail (при самостоятельном обновлении) на который будет выслана актуальная версия шаблона + Akeeba Backup Pro
    Скрыть объявление

Как добавить русский шрифт в Shape5 шаблон

Тема в разделе "FAQ", создана пользователем admin, 29 окт 2012.

  1. admin

    admin Администратор Команда форума

    Как добавить набор шрифтов (Font character set) в шаблон от студии Shape5

    В файле по адресу templates\shape5_vertex\vertex\css_and_js.php
    найти строчку подключения шрифта со следующим кодом:
    Код:
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts;?>" />
    и заменить на дополненный:
    Код:
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts;?>[color=purple]&subset=latin,cyrillic[/color]" />
    Как добавить Highlight шрифт (Highlight Font character set)

    Находим в файле здесь: templates\shape5_vertex\index.php
    следующий код (линия 35-40)
    Код:
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts_highlight ?>" />
    и заменяем на этот:
    Код:
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts_highlight ?>[color=purple]&subset=latin,cyrillic[/color]" />
    Чтобы вывести демо-шрифт во всплывающую превьюшку в админ панели, вносим такие изменения

    В файле: templates\shape5_vertex\vertex\admin\js\jquery.vertexAdmin.min.js находим этот код (линия 990-1000)
    Код:
    var style_sheet = jQuery('<link href="http://fonts.googleapis.com/css?family=' + font + '&v2" rel="stylesheet" type="text/css" />');
    и модифицируем (меняем на следующий кусочек кода)
    Код:
    var style_sheet = jQuery('<link href="http://fonts.googleapis.com/css?family=' + font + [color=purple]'&subset=latin,cyrillic[/color]" rel="stylesheet" type="text/css" />');
    (этот кусочек встречается в старых шаблонах '&v2 и относится к шрифтам второго поколения, впоследствии Google все шрифты, вернее код вывода унифицировал, в данный момент не актуально)

    Далее, находим следующий кусочек, обычно через две строчки от того что выше...
    Код:
    var preview = jQuery('<div />').addClass('font-preview').text('This is a preview of your chosen font.');
    И меняем на то что вам больше нравиться, это будет выводиться в админке
    Код:
    var preview = jQuery('<div />').addClass('font-preview').text('Это текст на Великом и Могучем, короче, это Русский шрифт.');
    Как добавить другие шрифты из колекции Гугла (google fonts)

    Добавить название шрифта, (например PT Sans Narrow)&nbsp; в файлик по адресу:&nbsp; templates\shape5_vertex\vertex\admin\googleFonts.php
    Код:
    $googleFonts['PT Sans Narrow'] = 'PT Sans Narrow';
    Ну вот как то, так, дерзайте в общем, всем удач!
     
  2. Anonymous

    Anonymous Guest

    Здравствуйте!

    Есть сайт, шаблон Traction.

    Мне нужно использовать шрифт Verdana, но его нет в Google Fonts.

    Как правильно добавить\использовать шрифт Verdana в шаблоне Traction?

    PS. Если добавить в файл
    Код:
    templates\shape5_vertex\vertex\admin\googleFonts.php
    строку
    Код:
    $googleFonts['Verdana'] = 'Verdana'; 
    Шрифт работает, но получаются ошибки, так как такого шрифта нет в Google Fonts:
    Код:
    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=Verdana"
    css?fa...Verdana
    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=Verdana:800,600,400"
    css?fa...600,400
    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=Verdana"
    css?fa...Verdana
    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=Verdana"
    css?fa...Verdana
    "NetworkError: 400 Bad Request - http://fonts.googleapis.com/css?family=Verdana:800,600,400"
    css?fa...600,400
    Надеюсь на Вашу помощь.
     
  3. Orion

    Orion New Member

    Я использую шаблон Traction.

    Есть необходимость добавления русских шрифтов, однако, инструкция для него не совсем подходит.

    Я приложил свои версии файлов к данному сообщению, скачать архив ZIP можно по ссылке:
    тут

    Не пройдите мимо, сделайте кто-нибудь инструкцию на основе этих файлов!
     
  4. OldDaemon

    OldDaemon New Member

    Кто-нибудь осилил, как добавить поддержку русских шрифтов в S5 Traction ? Очень надо !
     
  5. OldDaemon

    OldDaemon New Member

    и тишь да гладь... :(
     
  6. OldDaemon

    OldDaemon New Member

    Вобщем я осилил [​IMG]))

    И даже без изменений в коде [​IMG]))

    Если кому интересно, расписываю порядок действий:

    1. Обновляем версию фреймворка Vertex до последнего релиза. Для этого в менеджере шаблонов, во вкладке Vertex --> About снизу экрана смотрим нашу текущую версию фреймворка и последний его релиз (на момент написания сей статьи релиз Вертекса 3.6.0.). Тут же видим ссылку на обнову. Заходим на сайт Шейперов и регаемся в бесплатном аккаунте. Скачиваем новый Vertex. Получаем файл Shape5_Vertex3_Patch.zip
    2. Устанавливаем обновленный фреймворк. Для этого распаковываем полученный архив в папку: ваш сайт\templates\traction. Все файлы и папки перезаливаем поверх существующих. Теперь Вертекс будет подгружать все шрифты, но этого недостаточно...
    3. Смотрим на сайте Google fonts кириллические шрифты, выбираем тот, который нравится (на сайте, слева есть пункт меню -Script. Выберите в нем значение "Cyrillic")
    4.Заходим в менеджер шаблонов, выбираем наш шаблон Traction, заходим в настройки шрифта highlights или шрифта сайта. Выбираем из списка наш шрифт с кириллицей (например Lobster)
    5. И вот самое главное, строчкой ниже, в поле Highlight Font Style или Site Font Style, в зависимости где вы меняете шрифт, в хайлайтах или на сайте, прописывайте следующую строчку:
    &subset=latin,cyrillic. Также можно тут же прописать и стиль, например italic, если его поддерживает шрифт, например вот так italic&subset=latin,cyrillic

    И, О Боги ! - все работает ! [​IMG]

    Единственное не допер, как сделать, чтобы просматривать русские шрифты прямо из админки при наведении мыши и выделять например цветом русские шрифты, а еще лучше запретить загрузку шрифтов не поддерживающих кириллицу.

    Если кто поможет с этим, был бы предельно счастлив и примного благодарен [​IMG]

    Скриншот:

    [​IMG]
     
    WilD_TuNa нравится это.
  7. admin

    admin Администратор Команда форума

    По-первому вопросу - описание в первом посте,
    по-второму: вручную убрать не русифицированные шрифты
     
  8. WilD_TuNa

    WilD_TuNa New Member

    Хотелось бы по-подробнее. С добавлением шрифтов проблем нет, а вот с удалением есть.
    Из файла:
    Код:
    templates\shape5_vertex\vertex\admin\googleFonts.php
    удалил все шрифты, которые не поддерживают кириллицу, однако в админ панели эти шрифты все равно остаются в списке и даже если применить удаленный шрифт, то он без каких либо проблем применится...

    Шаблон: CorpWay
     
  9. WilD_TuNa

    WilD_TuNa New Member

    С этим тоже возникла проблема, сделал все как написано в инструкции (убрал '&v2, вместо него добавил '&subset=latin,cyrillic и заменил сообщение) однако при выборе шрифта в админке ничего не изменилось...

    Шаблон: CorpWay
     

Поделиться этой страницей