@font-face {
    font-family: 'InvolveRegular';
    src: url('../../../media/jui/fonts/NTSomicBold.woff2') format('woff2'),
         url('../../../media/jui/fonts/NTSomicBold.woff') format('woff'),
         url('../../../media/jui/fonts/NTSomicBold.ttf') format('truetype'),
         url('../../../media/jui/fonts/NTSomicBold.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'NTSomicRegular', Arial, sans-serif;
}
h1, h2, h3 {
    font-family: 'NTSomicRegular', serif;
    font-feature-settings: 'ss01' on; /* Включение первой стилистической альтернативы */
}

.example-class {
    font-family: 'NTSomicBold';
    font-feature-settings: 'ss01' on; /* Включение альтернативной стилистики шрифта */
}
.example-class1 {
    font-family: 'NTSomicRegular';
    font-feature-settings: 'ss01' on; /* Включение альтернативной стилистики шрифта */
}
.example-class2 {
  color: #ff0000; /* Изменение цвета текста */
    font-family: 'NTSomicMedium';
    font-feature-settings: 'ss01' on; /* Включение альтернативной стилистики шрифта */
}
@font-face {
    font-family: 'NTSomicBold';
    src: url('../../../media/jui/fonts/NTSomicBold.eot');
    src: url('../../../media/jui/fonts/NTSomicBold.eot') format('embedded-opentype'),
         url('../../../media/jui/fonts/NTSomicBold.woff2') format('woff2'),
         url('../../../media/jui/fonts/NTSomicBold.woff') format('woff'),
         url('../../../media/jui/fonts/NTSomicBold.ttf') format('truetype'),
         url('../../../media/jui/fonts/NTSomicBold.svg#NTSomicBold') format('svg');
}
@font-face {
    font-family: 'NTSomicRegular';
    src: url('../../../media/jui/fonts/NTSomicRegular.eot');
    src: url('../../../media/jui/fonts/NTSomicRegular.eot') format('embedded-opentype'),
         url('../../../media/jui/fonts/NTSomicRegular.woff2') format('woff2'),
         url('../../../media/jui/fonts/NTSomicRegular.woff') format('woff'),
         url('../../../media/jui/fonts/NTSomicRegular.ttf') format('truetype'),
         url('../../../media/jui/fonts/NTSomicRegular.svg#NTSomicRegular') format('svg');
}
@font-face {
    font-family: 'NTSomicMedium';
    src: url('../../../media/jui/fonts/NTSomicMedium.eot');
    src: url('../../../media/jui/fonts/NTSomicMedium.eot') format('embedded-opentype'),
         url('../../../media/jui/fonts/NTSomicMedium.woff2') format('woff2'),
         url('../../../media/jui/fonts/NTSomicMedium.woff') format('woff'),
         url('../../../media/jui/fonts/NTSomicMedium.ttf') format('truetype'),
         url('../../../media/jui/fonts/NTSomicMedium.svg#NTSomicMedium') format('svg');
}