/* Set default font-family */
.ql-container {
    font-family: "Montserrat";
    font-size:16px;
    font-weight: 400px;
}

/* Set dropdown font-families */
#toolbar-container .ql-font span[data-label="Montserrat"]::before {
    font-family: "Montserrat";
}
#toolbar-container .ql-font span[data-label="Arial"]::before {
    font-family: "Arial";
}
#toolbar-container .ql-font span[data-label="Roboto"]::before {
    font-family: "Roboto";
}
#toolbar-container .ql-font span[data-label="OpenSans"]::before {
    font-family: "Open Sans";
}

#toolbar-container .ql-font span[data-label="RetroSans"]::before {
    font-family: "RetroSans";
}

#toolbar-container .ql-font span[data-label="Verdana"]::before {
    font-family: "Verdana";
}

#toolbar-container .ql-font span[data-label="Calibri"]::before {
    font-family: "Calibri";
}

/* Set content font-families */
.ql-font-Montserrat {
    font-family: "Montserrat";
}
.ql-font-Roboto {
    font-family: "Roboto";
}
.ql-font-Arial {
    font-family: "Arial";
}

.ql-font-OpenSans {
    font-family: "Open Sans";
}
.ql-font-RetroSans {
    font-family: "RetroSans";
}

.ql-font-Verdana {
    font-family: "Verdana";
}

.ql-font-Calibri {
    font-family: "Calibri";
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="Roboto"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="Roboto"]::before{
    font-family: "Roboto";
    content: "Roboto"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="Arial"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before{
    font-family: "Arial";
    content: "Arial"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="Montserrat"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="Montserrat"]::before{
    font-family: "Montserrat";
    content: "Montserrat"
}
.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="OpenSans"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="OpenSans"]::before{
    font-family: "Open Sans";
    content: "Open Sans"
}
.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="RetroSans"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="RetroSans"]::before{
    font-family: "RetroSans";
    content: "RetroSans"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="Verdana"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="Verdana"]::before{
    font-family: "Verdana";
    content: "Verdana"
}

.ql-toolbar .ql-picker.ql-font .ql-picker-label[data-value="Calibri"]::before,
.ql-toolbar .ql-picker.ql-font .ql-picker-item[data-value="Calibri"]::before{
    font-family: "Calibri";
    content: "Calibri"
}