• HTML
• CSS

HTML

<p class="cabin">Estas letras se mostrarán en la fuente "Kanit"</p>
<p class="mar">Estas letras se mostrarán en la fuente "Kanit"</p>

CSS

/*
@font-face {
  font-family: 'Cabin';
  src: local('Cabin'),
       local('Cabin Regular'),
       local('Cabin-Regular'),
       url(cabin-regular.woff) format('woff');
}
*/


/*
@font-face {
  font-family: 'Britannic Bold';
  src: local('BritannicBold'),
       local('BritannicBold Regular'),
       local('BritannicBold-Regular'),
       url(Britannic Bold-Regular.woff) format('woff');
}
*/

@font-face {
    font-family:"Kanit-Bold";
    src: url(Kanit-Bold.ttf);
}

@font-face{
    font-family:"marlett";
    src:local("marlett");
}

.cabin{
    font-family:"Kanit-Bold";
    font-style:italic;
    font-weight:600;
    font-size:4em;
}
.mar{
    font-family:"marlett";
    font-size:1em;
}