choco-payment-widget

ChocoPay - Widget

Стили

Шрифты

Библиотека по умолчанию использует новый шрифт холдинга "ALS_Sirius". Использование указано в _base.scss:

.choco-pay-widget {
    font-family: "ALS_Sirius", sans-serif;
}

NOTE: Если в вашем проекте не установлены новые шрифты, то вам необходимо из репозитория скопировать все шрифты (с расширением ".otf") из папки "src/assets/fonts/als-sirius". Далее создать файл "fonts" с расширением css или scss в зависимости от вашего используемого препроцессора и прописать путь к ресурсам:

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 100;
    font-style: normal;
    src: local("ALS_Sirius Thin"), url("@/assets/fonts/als-sirius/ALS_Sirius_Thin_1.6.otf") format("truetype");
}

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 300;
    font-style: normal;
    src: local("ALS_Sirius Light"),
        url("@/assets/fonts/als-sirius/ALS_Sirius_Light_1.6.otf") format("truetype");
}

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 400;
    font-style: normal;
    src: local("ALS_Sirius Regular"),
        url("@/assets/fonts/als-sirius/ALS_Sirius_Regular_1.6.otf") format("truetype");
}

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 500;
    font-style: normal;
    src: local("ALS_Sirius Medium"),
        url("@/assets/fonts/als-sirius/ALS_Sirius_Medium_1.6.otf") format("truetype");
}

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 700;
    font-style: normal;
    src: local("ALS_Sirius Bold"),
        url("@/assets/fonts/als-sirius/ALS_Sirius_Black_1.6.otf") format("truetype");
}

@font-face {
    font-family: "ALS_Sirius";
    font-weight: 900;
    font-style: normal;
    src: local("ALS_Sirius Black"),
        url("@/assets/fonts/als-sirius/ALS_Sirius_Black_1.6.otf") format("truetype");
}

В конце необходимо импортировать "fonts" файл внутри вашего компонента или глобально в main.js