TAG
CSS
Result
Run
License
<h2 class="title" data-type="original"><span>Good words cost nothing.</span></h2> <h3 class="title" data-type="variant"><span>Good words cost nothing.</span></h3>
@font-face { src: url("/assist/resources/fonts/normal/MonteCarlo-Regular.ttf"); font-family: MonteCarlo; } @font-feature-values MonteCarlo { @swash { variant: 1; } } h2.title::after, h3.title::after { content: attr(data-type); color: red; position: absolute; } .title > span { font-family: MonteCarlo; font-size: 2em; } h3.title > span { font-variant-alternates: swash(variant); }
Console
expand_less
License
License
by DevDic
Close