Question

Здравствуйте! Помогите установить на мой сайт чат-виджет , у меня никак не получается эт осделать. Адрес сайта http://sobeska.ucoz.ru/

Мне скинули этот скрипт:

Разместить следующий код на страницу

<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

Прежде всего автор виджета вам должен выдать архив с файлами виджета, вот как выдаст, прийдите к нам повторно, мы объясним как установить.

Comments

Виджет я установил все работает, единственное что после скрипта :

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;
}

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

---

Рахат Садыков,

Удалите шрифты виджета и будет все хорошо как ранее, шрифты не обязательны.

---

Yuri_Geruk,

Я удалял,все равно ничего не меняется

---

Рахат Садыков,

Где у вас этот виджет отображается и где конкретно шрифты поменялись, примеры приведите.