/* CSS for the editor content area (what the user types) */
.ql-editor .ql-font-arial {
  font-family: Arial, Helvetica, sans-serif;
}

.ql-editor .ql-font-verdana {
  font-family: Verdana, Geneva, sans-serif;
}

.ql-editor .ql-font-georgia {
  font-family: Georgia, serif;
}

/* CSS for the toolbar dropdown menu items (so the names appear in their own font) */
.ql-picker-label[data-value="arial"]::before,
.ql-picker-item[data-value="arial"]::before {
  content: 'Arial';
  font-family: Arial, Helvetica, sans-serif;
}

.ql-picker-label[data-value="verdana"]::before,
.ql-picker-item[data-value="verdana"]::before {
  content: 'Verdana';
  font-family: Verdana, Geneva, sans-serif;
}

.ql-picker-label[data-value="georgia"]::before,
.ql-picker-item[data-value="georgia"]::before {
  content: 'Georgia';
  font-family: Georgia, serif;
}