@font-face {
    font-family: 'Barlow';
    src: url('../../../../content/dam/zte-devices/it-resources/fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../../../../content/dam/zte-devices/it-resources/fonts/Barlow-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../../../../content/dam/zte-devices/it-resources/fonts/Barlow-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../../../../content/dam/zte-devices/it-resources/fonts/Barlow-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

.zte-consumer,
.zte-consumer * {
    font-family: 'Barlow', sans-serif !important;
}

.zte-consumer .zte-devices-icon {
    font-family: 'zte-devices-icon' !important;
}

.zte-consumer [class^="el-icon-"],
.zte-consumer [class*=" el-icon-"] {
    font-family: element-icons !important;
}