font-face для использования шрифта со своего сайта

font-face для использования шрифта со своего сайта

от Yurii Viktorovich -
Количество ответов: 2

Здравствуйте. Подскажите, пожалуйста, как использовать правило font-face для шрифтов курса, в том числе, тестов. m-3.3.4 тема Boost. Шрифт  на собственном сайте.

В ответ на Yurii Viktorovich

Re: font-face для использования шрифта со своего сайта

от Vadim Tabunshchik -
Изображение пользователя Developers

Ну есть же поиск по сайту https://moodle.org/public/search/

Вот результаты:

https://docs.moodle.org/34/en/How_to_add_custom_fonts_in_a_theme

https://docs.moodle.org/dev/Themes_overview#Adding_custom_fonts

Или нужно ещё перевести, протестировать и доложить по форме? улыбаюсь

В ответ на Yurii Viktorovich

Re: font-face для использования шрифта со своего сайта

от Yurii Viktorovich -

Добавление в тему пользовательских, отсутствующих на компьютере клиента шрифтов для загрузки их браузером с сервера по правилу @font-face. Протестировано для версии moodle 3.3 тема «Boost».

1 . Добавление названия шрифта в выпадающее меню текстового редактора. 

По пути:  Администрирование / Плагины / Текстовые редакторы /…
Ставим в таблице HTML-редактор TinyMCE  в приоритет, для отображения его в разработке.
По пути, далее:  / HTML-редактор TinyMCE   настройки/…
В текстовое окно «Список доступных шрифтов» вводим название шрифта, например: Myfont=myfont
Нажимаем кнопку «Сохранить изменения»
Теперь во всей lms  в выпадающем меню текстового редактора Tiny будет возможность выбрать данный шрифт Myfont.

2. Добавление шрифта в тему пользовательских шрифтов.

По пути:  Администрирование /Внешний вид/Темы Boost (или собственная тема)/Расширенные настройки/…
В текстовом окне «Исходный SCSS» или в иных темах «Пользовательские CSS» вводим следующий текст и заменяем название myfont на название собственного шрифта:

/* Myfont */
@font-face {font-family: 'myfont';
src: local('myfont');
src: url([[font:theme|myfont.eot]]);
src: url([[font:theme|myfont.eot]]) format('embedded-opentype'),
        url([[font:theme|myfont.woff]]) format('woff'),
                url([[font:theme|myfont.ttf]]) format('truetype'),
                url([[font:theme|myfont.svg]]) format('svg');
                font-weight: normal;
                font-style: normal;}

/*Здесь же вводим необходимые пользовательские стили для текста или иных элементов, например  */
p.stile {font-family: myfont;}

В папке на сервере /theme/boost/ создаем папку с названием (обязательно) /fonts/ и добавляем в нее указанные в правиле @font-face шрифты.

Функционирует на компьютере клиента, не имеющего установленных данных шрифтов.

Божьей помощи в трудах.