Различия

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

--- external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2024/03/21 09:47] – Евгений Горносталь
+++ external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2024/04/16 08:45] (текущий) – Евгений Горносталь
@@ Строка 11: / Строка 11: @@
   * Отображение - настраивается таймаут отображение информации на экране. По умолчанию минимальное время 3 сек.
-  * Использовать тач - флаг даёт возможность использовать тачскрин, при наличии технической возможности.
+  * Использовать тач - флаг даёт возможность использовать тачскрин. При наличии технической возможности, будет доступна для взаимодействия кнопка "ОК" во всплывающем окне, в рабочей области. (В настоящее время такое окно появляется, только если карта не зарегистрирована.)
   * Изображение фона - изображение фона установленного по умолчанию. Расположено папке media.
   * Логотип - изображение логотипа установленного по умолчанию. Расположено в папке media. Доступна настройка положения на мониторе.
@@ Строка 17: / Строка 17: @@
  **Важно!** Папка media расположена в корневой папке, куда установлен ProBonus. При установке новых файлов, старые стираются из папки.
+==== Настройка стилей ====
 Настроить стили можно в папке templates, куда установлен ProBonus. Файл readme.md обязателен к прочтению.
 {{:external:pro_bonus:05_infokiosk:2024-03-20_15-04-44.png}}
 Для изменения стиля шрифта, достаточно перенести CSS файл с его настройками в папку styles.
+Так же возможно скопировать любой внутренний файл папки, переименовать его и изменить в нём код на:
+<code>
+@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap')
+body {
+  color: red;
+  font-family: "Alegreya Sans", sans-serif;
+  font-weight: 100;
+  font-style: italica;
+}
+</code>
+При подключении шрифта Alegreya Sans, с изменением цвета шрифта, можно получить изменение всех сообщений на мониторе.
+{{:external:pro_bonus:05_infokiosk:2024-03-22_09-58-12.png}}
+**Если требуется изменить только размер текста.**
+К примеру, нужно  увеличить размер всех сообщений в 1,5 раза, необходимо в файле base_fonts.css изменить код на:
+<code>
+*{
+    font-size: 1.5rem !important;
+}
+</code>