Не нашел, где изменять размеры шрифтов... Не принято

Иван
4 сентября 2018
1

Прописывать для каждого тэга/класса вручную как-то утомительно и наверное не совсем правильно. Попробовал в "CSS правила для селекторов шрифта Х" вставлять "font-size: 2em;" - в превью корзины шрифты увеличились, а на странице товара нет (в начальном плане было наоборот :)). Предлагаю все же вывести расширенные настройки шрифтов в меню.

6 ответов
  • Сергеев Владимир
    Разработчик
    4 сентября 2018 12:15

    В настройки не хочу выносить шрифты, т.к. если делать всё красиво, то нужно очень много настроек вводить + не всем это надо. 
    Вместо этого рекомендую вам воспользоваться, как и в прошлой моей теме блоком upstore.user_css

    Для заголовков такие селекторы: 

    body .h1,
    body .uk-h1,
    body h1 {
      
    }
    
    body .h2,
    body .uk-h2,
    body h2 {
      
    }
    
    body .h3,
    body .uk-h3,
    body h3 {
      
    }
    
    body .h4,
    body .uk-h4,
    body h4 {
      
    }
    
    body .h5,
    body .uk-h5,
    body h5 {
      
    }
    
    body .h6,
    body .uk-h6,
    body h6 {
      
    }
    

    Для названия товара в корзине такие: 

    body .cart .bold product-title {
    
    }

    Везде добаляю body, чтобы селектор становился "сильнее" уже прописанных в теме, чтобы не приходилось писать везде !important.

  • Иван
    5 сентября 2018 18:45

    Это полный список селекторов, использованных в теме? Было бы здорово, если бы это было где-то в документации, с указанием, где какой применяется.

  • Иван
    5 сентября 2018 18:58

    И сюда же - откуда берется выпадающий список гугл-шрифтов? Там примерно половины кириллических шрифтов не хватает по состоянию на сейчас (на гугле их 100 ровно, в списках 50 с чем-то).

    • Сергеев Владимир
      Разработчик
      5 сентября 2018 20:38

      Список я выбирал лично и тестировал, как каждый шрифт сочетается с дизайном темы. 
      Если вам какого-то шрифта не хватает, вы можете его также подключить в блоке upstore.user_css.

      • Иван
        5 сентября 2018 22:38

        Не хватает, как минимум, системных шрифтов (незаслуженно их убрали от пользователя, как мне кажется). Ну и Монсеррат я бы добавил - годный шрифт, в т.ч. альтернативный :)

  • Иван
    5 сентября 2018 19:05

    И почему некоторые шрифты не подцепляются (пока все еще разговор о шрифтах из списка)? Например, Comfortaa - вместо нее подцепляется Segoe UI системный. Меняю ее, например, на Angry Birds - все ок. Может еще какие-то проблемные есть, все не проверял.

    • Иван
      5 сентября 2018 19:07

      Вместо корморанта таймс цепляется. В общем, что-то не то с этим списком...

      • Иван
        5 сентября 2018 19:29

        Удивительно, но! Comfortaa может нормально отображаться в заголовках, но не для текста. Применил ее к ШРИФТ 1 с селекторами по умолчанию, и к ШРИФТ 3 в котором html, body - заголовки работают, текст нет. Причем другие шрифты для текста работают, но тоже не все - комментарии выше как раз об этом.

      • Сергеев Владимир
        Разработчик
        5 сентября 2018 20:50

        А вот корморант – да. 
        Есть косячок. Буду смотреть, спасибо!

      • Сергеев Владимир
        Разработчик
        5 сентября 2018 21:13

        Корморант починил.
        В следующем апдейте выйдет. 

  • Сергеев Владимир
    Разработчик
    5 сентября 2018 20:46

    Если используете "слот" со шрифтом, то используйте только его. Прописывайте все селекторы в поле для этого шрифта. 

    Не нужно использовать второй "слот" с этим же шрифтом.

    • Иван
      5 сентября 2018 22:35

      Да, так работает. Просто я, когда "игрался со шрифтами" прописал отдельно для текста новый слот, и видимо, когда его содержимое совпало со слотом выше, вышла такая фигня. Учтем.

  • Иван
    5 сентября 2018 22:37

    Убрал все списки. Кнопка "в корзину" почему-то пишется Arial-ом. Всегда.

    • Сергеев Владимир
      Разработчик
      5 сентября 2018 22:38

      Скриншот настроек пожалуйста + ссылку на проблему. 

      • Иван
        5 сентября 2018 22:49

        • Иван
          5 сентября 2018 23:08

          Кстати, кнопку "купить в 1 клик" можно перенести на строчку с основной? И, чтобы 2 раза не вставать, может цвет кнопки при наведении тоже в настройки добавить? А то как-то странно, что у плагиновской кнопки цвет при наведении меняется, а у "родной" нет.

          • Сергеев Владимир
            Разработчик
            6 сентября 2018 07:56
            Кстати, кнопку "купить в 1 клик" можно перенести на строчку с основной?

            Нельзя. Т.к. кнопки сторонние кнопки находятся в отдельном блоке для плагинов. 

            А то как-то странно, что у плагиновской кнопки цвет при наведении меняется, а у "родной" нет.

            У плагиновской кнопки цвет меняется в другом месте. 


            Цвет при наведении кнопок в теме не предусмотрен. 

      • Иван
        5 сентября 2018 23:33

        При полностью сброшенных шрифтовых настройках на сайте используются следующие шрифты, если верить плагину от тип.ио: 

        • -apple-system (вместо него у меня сейчас идет сего от винды, но видится он почему-то именно так - им написан весь текст на сайте, включая заголовки)
        • alsrubl-arial (для рубля не очень жалко конечно, но сейчас ₽ есть вроде во всех системных шрифтах и в половине гугловских)
        • arial (кнопки - откуда оно тут?)
        • roboto mono (ценник)

        Не многовато?

        • Сергеев Владимир
          Разработчик
          6 сентября 2018 08:02

          -apple-system (вместо него у меня сейчас идет сего от винды, но видится он почему-то именно так - им написан весь текст на сайте, включая заголовки)

          Это нормально, так и было задумано. Если нет одного шрифта, отображается следующий. У вас дошлого до Segoe UI.

          alsrubl-arial (для рубля не очень жалко конечно, но сейчас ₽ есть вроде во всех системных шрифтах и в половине гугловских)

          Shop-Script отдаёт валюту в таком виде:

          <span class="ruble">Р</span>

          Это в любой теме для Shop-Script. Это данность, от которой никуда не уйти.

          arial (кнопки - откуда оно тут?)

          Системный шрифт. Я конечно, добавил для кнопок @global-font, но это ни на что не повлияет. Выглядеть они будут практически также. (В после следующем апдейте.)

          Не многовато?

          Нет.

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!