JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text-1">Fonte Primaria</div>
<div class="text-2">Fonte Secundaria</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Arapey:400italic|Josefin+Sans);
[class*="text"]{
    margin:5px 10px;
    font-size:24px
}

.text-1{
    font-family: 'Josefin Sans', sans-serif;
}

.text-2{
    font-family: 'Arapey', serif;
}

@media (-webkit-min-device-pixel-ratio:0){
    .text-2:after{
        font-size:medium;
        content:"  Saporra no Chrome ta bugada!";
    }
}