@font-face {
    font-family: "My Custom Font";
    src: url("SFComicScriptShaded.ttf") format("truetype");
}
.customfont {
    font-family: "My Custom Font", Verdana, Tahoma;
    font-size: 18px;
}
@font-face {
    font-family: "My Custom Font1";
    src: url("SFComicScriptShaded.ttf") format("truetype");
}
.customfont1 {
    font-family: "My Custom Font1", Verdana, Tahoma;
    font-size: 36px;}

@font-face {
    font-family: "My Custom Font2";
    src: url("SFComicScriptShaded.ttf") format("truetype");
}
.customfont2 {
    font-family: "My Custom Font2", Verdana, Tahoma;
    font-size: 52px;
}
@font-face {
    font-family: "My Custom Font3";
    src: url("Roboto-Regular.ttf") format("truetype");
}
.customfont3 {
    font-family: "My Custom Font3", Verdana, Tahoma;
    font-size: 18px;
}
@font-face {
    font-family: "My Custom Font4";
    src: url("Roboto-Regular.ttf") format("truetype");
}
.customfont4 {
    font-family: "My Custom Font4", Verdana, Tahoma;
    font-size: 10px;
}
@font-face {
    font-family: "My Custom Font5";
    src: url("SFComicScriptShaded.ttf") format("truetype");
}
.customfont {
    font-family: "My Custom Font5", Verdana, Tahoma;
    font-size: 15px;