body[data-font="sourceSansPro"],
body[data-font="sourceSansPro"] label,
body[data-font="sourceSansPro"] button,
body[data-font="sourceSansPro"] input,
body[data-font="sourceSansPro"] select,
body[data-font="sourceSansPro"] .form-control {
    font-family: 'Source Sans Pro', sans-serif;
}

body[data-font="montserrat"],
body[data-font="montserrat"] label,
body[data-font="montserrat"] button,
body[data-font="montserrat"] input,
body[data-font="montserrat"] select,
body[data-font="montserrat"] .form-control {
    font-family: 'Montserrat', sans-serif;
}

body[data-font="poppins"],
body[data-font="poppins"] label,
body[data-font="poppins"] button,
body[data-font="poppins"] input,
body[data-font="poppins"] select,
body[data-font="poppins"] .form-control {
    font-family: 'Poppins', sans-serif;
}

body[data-font="robotoSlab"],
body[data-font="robotoSlab"] label,
body[data-font="robotoSlab"] button,
body[data-font="robotoSlab"] input,
body[data-font="robotoSlab"] select,
body[data-font="robotoSlab"] .form-control {
    font-family: 'Roboto Slab', serif;
}

body[data-font="roboto"],
body[data-font="roboto"] label,
body[data-font="roboto"] button,
body[data-font="roboto"] input,
body[data-font="roboto"] select,
body[data-font="roboto"] .form-control {
    font-family: 'Roboto', sans-serif;
}

body[data-font="playfairDisplay"],
body[data-font="playfairDisplay"] label,
body[data-font="playfairDisplay"] button,
body[data-font="playfairDisplay"] input,
body[data-font="playfairDisplay"] select,
body[data-font="playfairDisplay"] .form-control {
    font-family: 'Playfair Display', serif;
}