Как изменить шрифт в шаблоне (Protostar) так что бы все браузеры корректно отображали и на какой?

Discussion in 'Внешний вид, шаблоны, графика' started by Matos, Sep 6, 2018.

  1. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    Доброго времени суток!
    Есть мультиязычный сайт apsny.online. Проблема такая при открытии абхазской локализации сайта apsny.online/ab
    в браузерах Яндекс, Хром,Опера, Спутник, Амиго вместо определенных букв отображается квадратик.
    А в браузерах Фаерфокс и Сафари все отображается корректно.

    Вопрос как поменять и на что поменять что бы на всех браузерах отображалось корректно?
    Я так понимаю в шаблоне надо прописать в КСС в блоке БОДИ вместо
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    что то другое но вот что не знаю!



    Админ: если не там написал то перенеси пожалуйста. Не смог найти подходящего раздела

     
    Matos, Sep 6, 2018
    #1

  2. Ads Master

     
    3. Best Answer:
    Post #6 by AKopytenko, Sep 19, 2018
  3. ArtPavluk
    Offline

    ArtPavluk Недавно здесь => Cпециалист <=

    Joined:
    Dec 6, 2017
    Messages:
    11
    Likes Received:
    4
    Gender:
    Male
    Вам нужен шрифт который поддерживает абхазский, в Protostar шрифты от google, меняются в админке
     
    ArtPavluk, Sep 6, 2018
    #2
  4. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    Вставил я следующее в поле шрифтов шаблона ПРОТОСТАР:
    Montserrat+PTSans+NotoSans... эти шрифты корректно отображали текст ниже...
    Агәыԥ шәҽалашәырхә!
    но все равно ничего не изменилось. Абхазских шрифтов нету...брал кириллицу.. подошли выше указанные
    Шрифты брал тут ( https://fonts.google.com/?subset=cyrillic )

    Может что не так сделал?
     

    Attached Files:

    Last edited by a moderator: Sep 19, 2018
    Matos, Sep 10, 2018
    #3
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    На Google Fonts выбираешь и скачиваешь подходящий тебе шрифт.

    Подключаешь шрифты из скачаного архива в стилях шаблона [ /templates/protostar/css/template.css ]:
    Код (css):
    1. @font-face {
    2.   font-family: 'название-шрифта';
    3.   src: url('../fonts/название-шрифта.eot'); /* IE9 Compat Modes */
    4.   src: url('../fonts/название-шрифта.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    5.        url('../fonts/название-шрифта.woff2') format('woff2'), /* Super Modern Browsers */
    6.        url('../fonts/название-шрифта.woff') format('woff'), /* Pretty Modern Browsers */
    7.        url('../fonts/название-шрифта.ttf')  format('truetype'), /* Safari, Android, iOS */
    8.        url('../fonts/название-шрифта.svg#svgFontName') format('svg'); /* Legacy iOS */
    9. }

    Чаще можно ограничиться тремя форматами - ttf, eot и woff.

    Далее в файлах стилей шаблона можешь использовать подключённый шрифт для определённых блоков или просто применить его для всей страницы:
    Код (css):
    1. body {
    2.     font-family: 'название-шрифта', sans-serif, Arial; // дополнительные 2 указываются в случае, если по какой-то причине твой шрифт не подгрузился
    3. }
     
    AKopytenko, Sep 19, 2018
    #4
  6. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male

    upload_2018-9-19_17-36-7.png

    upload_2018-9-19_17-37-56.png


    Получилось вот так! ни чего не работает! Что я не так сделал?


    upload_2018-9-19_17-40-6.png
    такие шрифты подгрузил...лежат в папке fonts
     
    Matos, Sep 19, 2018
    #5
  7. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Best Answer
    Правильно - не работает.
    Где подключение шрифтов в CSS? Где @font-face?
    Перечитай поcт выше!

    Ещё раз о последовательности:
    1. Скачать шрифты и положить их в папку на сервере;
    2. Подключить шрифты в CSS (например, через @font-face), указав путь до файлов;
    3. Использовать шрифты, указывая их имя (прописанное в @font-face) в свойстве font-family.

    Немного терпения и внимания к деталям и всё получится :)
     
    AKopytenko, Sep 19, 2018
    #6
    Matos likes this.
  8. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male


    Прошу прошения случайно не тот скриншот прикрепил.... над было еще вот этот:
    View attachment 10364
     

    Attached Files:

    Matos, Sep 20, 2018
    #7
  9. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Обрати внимание на путь до файлов шрифтов - он начинается с "..".
    Две точки и слеш за ними означают, что мы поднимаемся на один уровень вверх по дереву каталога.
    Суда по приложенному выше скрину, папка fonts у тебя находится в той же папке, что и файл css, в котором ты подключаешь шрифты.
    Тебе нужно либо переместить папку fonts на уровень выше, либо убрать из путей "../".

    Путь от папки одним уровнем выше:
    Путь от корневой папки сайта:
     
    AKopytenko, Sep 21, 2018
    #8
  10. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    Я решил задачу. спасибо!
    Есть одно но может заодно подскажешь....... в общем только эксплорер 11ый криво открывает.... а остальные нормально работают, с этим вообще можно что то сделать!?
    и есть еще одна задача напишу в личку, если можно?
     
    Matos, Sep 21, 2018
    #9
  11. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Во-первых, у нас на форуме простое правило: один вопрос - одна тема.
    Во-вторых, не нужно писать в ЛС. Если подработка - я не фрилансер, а если вопрос - так пиши для всех, может кому-то потом поможет решение!

    Про 11-ого ишака, если честно, не знаю в чём фишка может быть. Нажми F12 и перейди на вкладку "Эмуляция". По-умолчанию, значение параметра "Режим документов" должно быть Edge. Ну, я бы с этого начал :)
     
    AKopytenko, Sep 21, 2018
    #10
  12. Matos
    Offline

    Matos Пользователь

    Joined:
    Apr 12, 2015
    Messages:
    37
    Likes Received:
    0
    Gender:
    Male
    хорошо. принято.
    Спасибо
     
    Matos, Sep 21, 2018
    #11
< Проблема с расстоянием между блоками товаров (joomshopping) | главная страница отдельным файлом >

Share This Page

Loading...