.ql-font-inter {
    font-family: 'Inter', sans-serif;
}

.ql-font-roboto {
    font-family: 'Roboto', sans-serif;
}

.ql-font-opensans {
    font-family: 'Open Sans', sans-serif;
}

.ql-font-lora {
    font-family: 'Lora', serif;
}

.ql-font-lato {
    font-family: 'Lato', sans-serif;
}

.ql-font-bevietnampro {
    font-family: 'Be Vietnam Pro', sans-serif;
}

/* fallback fonts */
.ql-font-arial {
    font-family: Arial, sans-serif;
}

.ql-font-timesnewroman {
    font-family: "Times New Roman", serif;
}

.ql-font-couriernew {
    font-family: "Courier New", monospace;
}

.ql-font-monospace {
    font-family: monospace;
}

.ql-font-serif {
    font-family: serif;
}


.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=inter]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=inter]::before {
    content: 'Inter';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=roboto]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
    content: 'Roboto';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=opensans]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=opensans]::before {
    content: 'Open Sans';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=lora]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lora]::before {
    content: 'Lora';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=lato]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lato]::before {
    content: 'Lato';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=bevietnampro]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=bevietnampro]::before {
    content: 'Be Vietnam Pro';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
    content: 'Arial';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=timesnewroman]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=timesnewroman]::before {
    content: 'Times New Roman';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=couriernew]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=couriernew]::before {
    content: 'Courier New';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=inter]::before {
    font-family: 'Inter', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=roboto]::before {
    font-family: 'Roboto', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=opensans]::before {
    font-family: 'Open Sans', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lora]::before {
    font-family: 'Lora', serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=lato]::before {
    font-family: 'Lato', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=bevietnampro]::before {
    font-family: 'Be Vietnam Pro', sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]::before {
    font-family: Arial, sans-serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=timesnewroman]::before {
    font-family: "Times New Roman", serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=couriernew]::before {
    font-family: "Courier New", monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: monospace;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: serif;
}