Создание интересного шрифта Rocher



Rocher - очень красивый шрифт, который точно украсит и сделает уникальным любой текст. Для его добавления нужно прописать свойство font-face и указать src на этот шрифт. ⬇️



☑️ Также можно поменять его стандартный цвет на любой другой, с помощью свойства base-palette - дескриптор указывается с использованием нулевого индекса палитр, созданных создателем шрифта.



Ниже вы найдете готовый CSS код для добавления шрифта Rocher фиолетового цвета: ⤵️



@font-face {

font-family: 'Rocher';

src: url(https://assets.codepen.io/9632/RocherColorGX.woff2);

}



body {

font-family: 'Rocher';

text-align: center;

font-size: 50px;

}



@font-palette-values --Purples {

font-family: Rocher;

base-palette: 6;

}

h1 {

font-palette: --Purples;

}




#обучение #css