Лого GetCourse
Профиль Настройки Выход

Профиль Настройки Выход

/public/img/default_profile_50.png

Идет набор на XX поток Базового курса по GetCourse. Старт 26 июня. Подробности по ссылке.

Статья была полезной?

Заголовок

Блог GetCourse

Как установить собственный шрифт на странице

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


Для подключения выбранного вами шрифта пройдём следующую последовательность шагов:


1. Форматы шрифтов

2. Загрузка шрифта в Файловое Хранилище

3. Создание CSS блока с шрифтом

  3.1 Свойства для загрузки шрифта

  3.2 Шаблон пути шрифта

4. Подключение шрифта определённому заголовку

5. Подключение шрифта на всю страницу

Ссылка на это место страницы: #1

1. Форматы шрифтов

Разные браузеры имеют свою поддержку форматов шрифтов. Например IE11 использует woff, а большинство других воспринимают otf (opentype). Следовательно, чтобы шрифты смотрелись хорошо во многих браузерах, нужно будет подключать несколько шрифтов одновременно.


Есть отличный сервис, который позволяет из одних форматов шрифта делать нужные, для примера возьмём шрифт MadelynFill формат otf (opentype) и сгенерируем шрифт для IE11 в формате woff.


Будем использовать генератор шрифтов — http://www.font2web.com/


1. Заходим на сайт http://www.font2web.com/

2. Нажимаем «Выбрать файл» (1), выбираем шрифт otf

3. Кликаем на картинку Convert and Download (2), начнётся скачивание архива со всеми шрифтами.


На данный момент нам потребуются шрифты в формате woff и otf. Формат otf у нас уже есть, потребуется второй — woff.


В архиве заходим в папку fonts и перемещаем шрифт формата woff в удобное место, например рядом с шрифтом otf.

Ссылка на это место страницы: #2

2. Загрузка шрифта в Файловое Хранилище

Для того чтобы загрузить шрифт в Файловое Хранилище нужно сделать следующие шаги:

  1. Кликнуть на аватарку в меню;
  2. Перейти по ссылке «Файловое Хранилище»;
  3. Кликнуть на «Загрузить файлы», выбрать ваши шрифты и загрузить.
Ссылка на это место страницы: #3

3. Создание CSS блока с шрифтом

Для того чтобы создать CSS блок, вам потребуется:


  1. Открыть конструктор с выбором блоков;
  2. Выбрать пункт «Вставка»;
  3. Кликнуть на CSS блок.

Результат — созданный блок.


Рекомендуем подключать стили всегда в шапке сайта (самым первым блоком), чтобы сами шрифты подгружались раньше.

Ссылка на это место страницы: #31

3.1 Свойства для загрузки шрифта

  1. Открываем CSS блок
  2. Копируем и вставляем следующую конструкцию

@font-face {      

  font-family: 'Название шрифта';   

} 


В нашему случае название шрифта будет - MadelynFill, в итоге получим:


@font-face {

    font-family: 'MadelynFill'; 

} 


 3. Сохраняем


Первую часть подключения шрифта в CSS блок мы завершили.

Ссылка на это место страницы: #32

3.2 Шаблон пути шрифта

src: url('/fileservice/file/download/h/название-шрифта.otf/a/идентификатор/sc/номер') format('opentype'),

       url('/fileservice/file/download/h/название-шрифта.woff/a/идентификатор/sc/номер') format('woff');


Откуда брать эти выделенные значения? Как раз во время загрузки шрифта в Файловое Хранилище мы их получили.


  • Заходим в файловое хранилище
  • Находим наш шрифт, внимательно смотрим на формат, к примеру находим otf (1)
  • Нажимаем на его ID (2)
  • На скриншоте мы видим нужные значения (Название шрифта - (3), идентификатор (4), номер (5)


Нужно внимательно смотреть на цифры, потому что у другого шрифта они могут быть другими.

Подменяем значения, которые мы видим, такую же процедуру делаем и со вторым форматом woff.

src: url('/fileservice/file/download/h/название-шрифта.otf/a/идентификатор/sc/номер') format('opentype'),

url('/fileservice/file/download/h/название-шрифта.woff/a/идентификатор/sc/номер') format('woff');


Данные пути вставляем в нашу общую конструкцию, в моём случае получаю следующий вид:


@font-face {      

font-family: 'MadelynFill';           

src: url('/fileservice/file/download/h/382043fad7a712894022f14504f30ea5.otf/a/13633/sc/498') format('opentype'),          

url('/fileservice/file/download/h/4252a03bfcb1484fa6f5cf6b4f70c615.woff/a/13633/sc/232') format('woff'); 

} 


Данная конструкция должна будет быть у вас в блоке CSS, сохраняем.


Здорово, самую сложную часть мы завершили!

Ссылка на это место страницы: #4

4. Подключение шрифта определённому заголовку

Способ добавления стилей описан в статье «Оформление стилей элемента с кастомным классом».


Нужно будет в селекторе объявить шрифт — font-family:  'MadelynFill', sans-serif !Important;

Примерный результат
Примерный результат

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

Ссылка на это место страницы: #5

5. Подключение шрифта на всю страницу

Общий селектор для подключения шрифта на всю страницу (все кнопки, текст, заголовки):


body .f-text,

body .f-header,

body .f-btn {

font-family: 'MadelynFill', sans-serif !important;

}

Примерный результат
Примерный результат


Для того чтобы оставить комментарий —
авторизуйтесь
{"signature":"087944c5aab0068050ac82cb51f65578","accountUserId":-1,"values":{"object_type_id":10,"object_id":542593046,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Как будет выглядеть код, если у меня шрифт для заголовков сайта загружен в файловое хранилище, а шрифт для текста на гугл фонтс - Montserrat?
Его так же нужно загружать в файловое хранилище? СПасибо
или отменить редактирование
Сб 18 Фев 13:00 • Ответить
{"signature":"b016bb8172ec1499413b6d9afef31359","accountUserId":-1,"values":{"object_type_id":10,"object_id":542749902,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Добрый день, Евгения!
Для наиболее точных рекомендаций напишите, пожалуйста, по данному вопросу в техническую поддержку https://getcourse.ru/contacts .
К обращению необходимо приложить ссылки на шрифты, а также пример страницы, на которой планируется их применение.
или отменить редактирование
Сб 18 Фев 19:07
{"signature":"6c8e7f0f51a48af9e6fc4eaa6790d964","accountUserId":-1,"values":{"object_type_id":10,"object_id":321581192,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
У меня жирность шрифта - отдельный файл. Мне надо как-то объединить все начертания в один woff или otf файл? Если да, то как это сделать?

И второй, не менее важный вопрос. Зачем вы постоянно заставляете обычных пользователей так глубоко погружаться в код? Геткурс должен ЭКОНОМИТЬ время, а не растягивать его! Так сложно сделать автоматический подгрузчик шрифтов из файла на пк, который автоматически расставлял и прописывал все CSS на сайте? Это огромное время занимает у ваших программистов?

У вас на платформе - куда не шагни надо в код погружаться. Честно, уже надоело
или отменить редактирование
Пн 22 Ноя 2021 • Ответить
{"signature":"fa4ae4e945f73dde18a68592a138dabb","accountUserId":-1,"values":{"object_type_id":10,"object_id":322205306,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Здравствуйте!
Для анализа ситуации напишите, пожалуйста, по этому вопросу в нашу техническую поддержку https://getcourse.ru/contacts . В обращении приложите поясняющие скриншоты и ссылки на примеры файлов.
или отменить редактирование
Вт 23 Ноя 2021
{"signature":"bd18f235f599a06c6c38dfe516ec1ac7","accountUserId":-1,"values":{"object_type_id":10,"object_id":247844003,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Добрый день!
Подскажите, а если необходимо установить шрифт на весь аккаунт Геткурса (уроки, сайт, виджеты, тренинги) - это возможно сделать?
или отменить редактирование
Вс 16 Май 2021 • Ответить
{"signature":"7a57d2ca1379f2948003b10da7cc3d21","accountUserId":-1,"values":{"object_type_id":10,"object_id":248526740,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Здравствуйте, Екатерина.
Пожалуйста, направьте запрос с подробным описанием задачи в службу поддержки: https://getcourse.ru/contacts
или отменить редактирование
Пн 17 Май 2021
{"signature":"2276c23c2566c7e02b5547287d511868","accountUserId":-1,"values":{"object_type_id":10,"object_id":110177390,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Привет. Пробую подключить шрифт по вашему примеру. Копирую содержимое CSS блока из описания выше и всё работает. А когда провожу пошагово такую же процедуру самостоятельно, то возникает ступор на этапе копирования пути шрифта. У меня такого поля просто нет. Подскажите, как это можно решить?

Прилагаю скрин с попыткой повторить процедуру со шрифтом, как в вашем примере. Но, в идеале нужен шрифт Airfool.
или отменить редактирование
Вс 24 Май 2020 • Ответить
{"signature":"ef92f1dd9e810eb9657c59372bdf062d","accountUserId":-1,"values":{"object_type_id":10,"object_id":110309577,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Добрый день.
Напишите нам в техническую поддержку, прикрепив ссылку на файл https://getcourse.ru/sprt_router/
или отменить редактирование
Пн 25 Май 2020
{"signature":"aaceea344da4881206adc30f7f82ed04","accountUserId":-1,"values":{"object_type_id":10,"object_id":94210272,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
А какой будет код для подключение нескольких шрифтов?
или отменить редактирование
Вс 29 Мар 2020 • Ответить
{"signature":"db1dc46031bd4d2c6bb6f55781fd511d","accountUserId":-1,"values":{"object_type_id":10,"object_id":98905727,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Юрий, здравствуйте!
В этом случае код будет примерно таким:

@font-face {
font-family: 'Шрифт1';
src: url('/fileservice/file/download/h/ec0a88079200.otf/a/139190/sc/75') format('opentype'),
url('/fileservice/file/download/h/88f3a2c93f.woff/a/139190/sc/146') format('woff');
}

@font-face {
font-family: 'Шрифт2';
src: url('/fileservice/file/download/h/abdccb673e5a1f9a.otf/a/139190/sc/339') format('opentype'),
url('/fileservice/file/download/h/2c2f94d27ca8.woff/a/139190/sc/287') format('woff');
}
или отменить редактирование
Ср 15 Апр 2020
{"signature":"d1531030e790022a959a4c226ba70e0f","accountUserId":-1,"values":{"object_type_id":10,"object_id":75857576,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Здравствуйте! Отредактируйте, пожалуйста, блок.
Спасибо
или отменить редактирование
Вт 24 Дек 2019 • Ответить
{"signature":"5e4cdc102e5a3b48cbd60c9bff706fa1","accountUserId":-1,"values":{"object_type_id":10,"object_id":75920808,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Маргарита, здравствуйте!
Благодарим вас за обратную связь. Информация передана профильным специалистам.
или отменить редактирование
Вт 24 Дек 2019
{"signature":"30ce1ebe2c44b6f92fdb37f224d76a3a","accountUserId":-1,"values":{"object_type_id":10,"object_id":68942922,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Подскажите можно ли установить собственный шрифт в виджет?
или отменить редактирование
Вт 12 Ноя 2019 • Ответить
{"signature":"b6b7f1c5d272f453e0445dd3b253d962","accountUserId":-1,"values":{"object_type_id":10,"object_id":68970489,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Здравствуйте.
Шрифт устанавливается аналогичным способом, описанным в статье. CSS-код нужно добавить в подробные настройки стиля блока http://joxi.ru/4AkJl7vio6XYJ2 ---> http://joxi.ru/52aOBa8IEObx7r.
или отменить редактирование
Вт 12 Ноя 2019
{"signature":"40dd8eca7c0a5bcf15d3a9f7d6890657","accountUserId":-1,"values":{"object_type_id":10,"object_id":389214745,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Игорь, скриншоты не показываются. Можете повторить, пожалуйста? Нужно добавить шрифт на виджет.
Спасибо!
или отменить редактирование
Пн 28 Мар 2022
{"signature":"532199c65a1217cacca4ebf8f82715f2","accountUserId":-1,"values":{"object_type_id":10,"object_id":50854623,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
а если мои шрифты .woff2 могу их установить?
или отменить редактирование
Чт 13 Июн 2019 • Ответить
{"signature":"e2107c2b0c953b07b9795791ff313e4e","accountUserId":-1,"values":{"object_type_id":10,"object_id":51204772,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Добрый день, Александр.
Разные браузеры поддерживают разные форматы шрифтов. Например IE11 использует woff, а большинство других воспринимают otf (opentype).
Чтобы шрифты смотрелись хорошо во многих браузерах, нужно будет подключать несколько файлов со шрифтами в разных форматах.

Вы можете найти нужный вам шрифт, например, на сайте https://fonts.google.com/ или https://google-webfonts-helper.herokuapp.com/fonts
и используя конвертор http://www.font2web.com/ изменить формат файла.
или отменить редактирование
Пн 17 Июн 2019
{"signature":"9e416f8c2a8bff1d0de3888e9a57a0f7","accountUserId":-1,"values":{"object_type_id":10,"object_id":35852744,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Это Жесть, а не инструкция.. а нельзя как-то автоматизировать? или упростить для пользователей?
Еще вопрос, как узнать список шрифтов уже имеющихся на платформе, может не надо загружать или подобрать похожий.
или отменить редактирование
Вт 22 Янв 2019 • Ответить
{"signature":"39337a313f92586bbeba9bac62b5d220","accountUserId":-1,"values":{"object_type_id":10,"object_id":35861634,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Здравствуйте, Николай.
Есть другой вариант подключения собственного шрифта через "темы" https://getcourse.ru/blog/358362
Необходимые шрифты вы можете загружать и по данной инструкции.
или отменить редактирование
Вт 22 Янв 2019
{"signature":"dff2747ab061b07ad95b497f604bf872","accountUserId":-1,"values":{"object_type_id":10,"object_id":24784975,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Добрый день.
В моем случае необходимо загрузить разные шрифты:
Montserrat-Bolt
Montserrat-Black
Montserrat-BlackItalic
Montserrat-Medium
Montserrat-Thin
Montserrat-Regular
И т.д.
Мне необходимо проделать описанную операцию по каждому шрифту?
или отменить редактирование
Чт 30 Авг 2018 • Ответить
{"signature":"3e5895eeab58f868d0c1038ee224b53e","accountUserId":-1,"values":{"object_type_id":10,"object_id":24802972,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Антон, здравствуйте!

Вы можете загрузить сразу все нужные шрифты в файловое хранилище, затем в коде

@font-face {

font-family: 'Название шрифта';

}

прописать названия всех загруженных шрифтов и пути к ним. Подключать нужный шрифт к нужному заголовку нужно будет по отдельности.
или отменить редактирование
Чт 30 Авг 2018
{"signature":"03435c9e3a93b67cd64b04698d08b36b","accountUserId":-1,"values":{"object_type_id":10,"object_id":104067235,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null,"template_owners":[]}}
удалить
Не рекомендую много шрифтов, потому что это напрямую влияет на страницу сайта. 2-3 максимум
или отменить редактирование
Пн 04 Май 2020

Связанные статьи