Добавление нового шрифта в тему Super


Здравствуйте!
Для добавления нового шрифта Bemount на сайт warmray.org были сгенерированы дополнительные форматы (bemount.otf, bemount.ttf, bemount.woff и др.) и загружены в папку темы /super/fonts/
Для проверки - изменения шрифта в заголовке блока Приветствия, разместили следующий код: <h1 style="margin-top:30px; font-family: Bemount; src: url(/super/fonts/bemount.ttf);">Сила природы<br>Мудрость традиций</h1>

Эти действия не повлияли на шрифт заголовка Приветствия.

Просим сообщить, что ещё необходимо сделать, для внедрения шрифта Bemount в тему Super?
Надеемся на вашу помощь!

3 ответа
  • Сергеев Владимир
    Разработчик
    Решение
    26 марта 2022 13:52

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

    Это достаточно сложно сделать для неподготовленного человека. 
    Я не знаю уровень ваших знаний в html, поэтому на всякий случай скажу, что с первого раза может не получится. 

    Прежде всего вам нужно "упаковать" ваш шрифт.
    Мало просто загрузить шрифт, нужно ещё прописать правила font-face для подключаемых шрифтов. 
    И подключить таблицу стилей, в которой прописываются правила font-face.

    В качестве "упаковщика" можете воспользоваться сервисом fontsquirrel.
    После того, как сервис выдаст вам файлы, загрузите файлы шрифтов в ту папку, куда вы загружали шрифты.

    Затем загрузите в ту же папку файл stylesheet.css, находящийся в списке шрифтов, в скачанном архиве от fontsquirrel. 
    Вам нужно скопировать ссылку на эту таблицу стилей. 

    Затем идёте в этот топик и выполняете инструкции, которые там написаны. 
    Только вместо ссылки на гугловский шрифт, вставляете ссылку на тот файл stylesheet.css, который вы загрузили ранее и скопировали на него ссылку. 

    Важно, чтобы файлы шрифтов и файл stylesheet.css лежали в одной папке. 

    На последнем этапе, когда вы будете прописывать селекторы для шрифта, нужно этот файл stylesheet.css открыть.
    Чтобы узнать, как называется семейство шрифта, которое вы хотите применить к селекторам. 

    Например, я выбрал три шрифта. 
    Для каждого шрифта есть своё семейство – font-family.

    Вот это свойство font-family и нужно прописать, для тех селекторов, у которых вы хотите поменять шрифт. 

  • Serhii
    Решение
    28 марта 2022 12:34

    Хорошо. Скажите пожалуйста у вас есть специалисты-дизайнеры которые могут помочь в создании дизайна под запрос с изменением блоков, дополнением шрифтом и др.?

    • Сергеев Владимир
      Разработчик
      Решение
      28 марта 2022 13:14

      Вы можете обратиться ко мне. 
      Я оказываю услуги по дополнительным доработкам и настройки темы под ключ. 
      Стоимость услуги 2000 рублей/час. 
      Присылайте ТЗ на [email protected]

  • Serhii
    Решение
    30 марта 2022 17:18

    Здравствуйте! В соответствии с вашей рекомендацией было выполнено следующее: 1) создан файл Bemount.css с кодом: "@font-face {font-family:bemount;src:local(Bemount)src:url(bemount.eot) format('embedded-opentype'); src:url(bemount.eot?#iefix) format('woff2'),url(bemount.woff2) format('woff'),url(bemount.woff),url(bemount.ttf) format('truetype'); font-weight:400;font-style:normal}" и загружен в папку шрифтов > wa-data/public/site/themes/super/fonts/ (в эту же папку помещены все шрифты [ bemount.eot
    bemount.otf
    bemount.ttf
    bemount.woff
    bemount.woff2
    bemount_line.eot
    bemount_line.otf
    bemount_line.ttf
    bemount_line.woff
    bemount_line.woff2 ] )

    В файле font.css добавлен код: "@font-face {font-family:bemount;src:local(Bemount)src:url(bemount.eot) format('embedded-opentype'); src:url(bemount.eot?#iefix) format('woff2'),url(bemount.woff2) format('woff'),url(bemount.woff),url(bemount.ttf) format('truetype'); font-weight:400;font-style:normal}"

    В файле styles.min.css добавлено название нового шрифта: "html{font-family: 'Bemount','Helvetica Neue', Arial, sans-serif; ..."

    В результате сделанных настроек отображение нового шрифта Bemount, не произошло. Просим вас проверить внесённые нами изменения и подсказать. в чём может быть причина ошибки. Файлы font.css и Bemount.css прилагаем. Благодарим за вашу помощь!

    • Сергеев Владимир
      Разработчик
      Решение
      31 марта 2022 11:54

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

      Я об этом писал выше:

      Это достаточно сложно сделать для неподготовленного человека.
      Я не знаю уровень ваших знаний в html, поэтому на всякий случай скажу, что с первого раза может не получится.

      Иногда я даю советы, выходящие за рамки поддержки, но это я делаю по доброте душевной. 
      Но у меня нет столько ресурсов, чтобы обучать клиентов основам html и css, и проводить аудит кода клиентов на наличие и причины ошибок. 

      Пришлите мне доступы в админку (моя почта у вас есть), я подключу для вас этот шрифт в рамках платных услуг.
      Цена вопроса – 2000 руб/час. Оплата по результату работ, по таймеру.  

      На сколько я понимаю вам нужно, чтобы этим шрифтом отображались все тексты на сайте?

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

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