Question

Здравствуйте.  1. Для размещения виджета нам дали инструкцию (будет ниже) и файлы http://logopedmdou.my1.ru/app.js.map http://logopedmdou.my1.ru/chunk-vendors.js.map http://logopedmdou.my1.ru/app.js http://logopedmdou.my1.ru/chunk-vendors.js  И вроде все сделал, но справа внизу сайта, иконка выглядит как простая кнопка "задать вопрос", а должна быть как у http://xn----8sbln4atdehd1h.xn--p1ai/  И не понял куда именно разместить шрифты...  2, Как немного сместить расположение на сайте виджета (немного влево и вверх, чтобы не был в самом угру и больше бросался в глаза).  Инструкция:  Разместить следующий код на страницу  <widget-chat></widget-chat> <script>     const chatWidget = document.querySelector('widget-chat')     chatWidget.options = {         theme: 'blue-new',         ws: 'wss://camunda.cc.gov.ru/pfr1/route_request_text',         header: {             title: '8-800-6-000-000',             text:                 'Единый контакт-центр',         },     } </script>     Загрузить на сервер 4 файла в публичную папку app.js, app.js.map, chunk-vendors.js, chunk-vendors.js.map  app.js.map, chunk-vendors.js.map  необязательные  Разместить 2 скрипта, желательно в конец тега body  path - путь к файлам через браузерную строку  <script src="...path/chunk-vendors.js"></script> <script src="...path/app.js"></script>     Разместить на проекте шрифты  Montserrat, SegoeUI  @font-face {     font-family: 'Montserrat';     src: url('path/Montserrat.ttf') format('truetype'); }  @font-face {     font-family: 'SegoeUI';     src: url('path/SegoeUIRegular.eot');     src: url('path/windows/SegoeUIRegular.eot?#iefix') format('embedded-opentype'),     url('path/SegoeUIRegular.woff') format('woff'),     url('path/SegoeUIRegular.ttf') format('truetype');      font-weight: 400; } @font-face {     font-family: 'SegoeUI';     src: url('path/SegoeUISemiBold.eot');     src: url('path/SegoeUISemiBold.eot?#iefix') format('embedded-opentype'),     url('path/SegoeUISemiBold.woff') format('woff'),     url('path/SegoeUISemiBold.ttf') format('truetype');     font-weight: 500; } @font-face {     font-family: 'SegoeUI';     src: url('path/SegoeUIBold.eot');     src: url('path/SegoeUIBold.eot?#iefix') format('embedded-opentype'),     url('path/SegoeUIBold.woff') format('woff'),     url('path/SegoeUIBold.ttf') format('truetype');     font-weight: 700; }

Answer 1

Вы стили:

@font-face {
 font-family: 'Montserrat';
 src: url('path/Montserrat.ttf') format('truetype');
}

@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUIRegular.eot');
 src: url('path/windows/SegoeUIRegular.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUIRegular.woff') format('woff'),
 url('path/SegoeUIRegular.ttf') format('truetype');
 
font-weight: 400;
}
@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUISemiBold.eot');
 src: url('path/SegoeUISemiBold.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUISemiBold.woff') format('woff'),
 url('path/SegoeUISemiBold.ttf') format('truetype');
 font-weight: 500;
}
@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUIBold.eot');
 src: url('path/SegoeUIBold.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUIBold.woff') format('woff'),
 url('path/SegoeUIBold.ttf') format('truetype');
 font-weight: 700;
}

Установили так в шаблон, что некорректно и они не работают. 

Установить нужно так:

<style>
@font-face {
 font-family: 'Montserrat';
 src: url('path/Montserrat.ttf') format('truetype');
}

@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUIRegular.eot');
 src: url('path/windows/SegoeUIRegular.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUIRegular.woff') format('woff'),
 url('path/SegoeUIRegular.ttf') format('truetype');
 
font-weight: 400;
}
@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUISemiBold.eot');
 src: url('path/SegoeUISemiBold.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUISemiBold.woff') format('woff'),
 url('path/SegoeUISemiBold.ttf') format('truetype');
 font-weight: 500;
}
@font-face {
 font-family: 'SegoeUI';
 src: url('path/SegoeUIBold.eot');
 src: url('path/SegoeUIBold.eot?#iefix') format('embedded-opentype'),
 url('path/SegoeUIBold.woff') format('woff'),
 url('path/SegoeUIBold.ttf') format('truetype');
 font-weight: 700;
}
</style>

И папку path нужно заменить на вашу в пути куда загружены файлы шрифтов.