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

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

.ql-font-arial {
  font-family: Arial, sans-serif;
}
.ql-font-verdana {
  font-family: Verdana, sans-serif;
}
.ql-font-tahoma {
  font-family: Tahoma, sans-serif;
}
.ql-font-trebuchet {
  font-family: "Trebuchet MS", sans-serif;
}

.ql-font-georgia {
  font-family: Georgia, serif;
}
.ql-font-palatino {
  font-family: Palatino, serif;
}
.ql-font-times-new-roman {
  font-family: "Times New Roman", serif;
}

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

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="sans-serif"]::before {
  content: "Sans Serif";
  font-family: sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
  content: "Serif";
  font-family: serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
  content: "Monospace";
  font-family: monospace;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="roboto"]::before {
  content: "roboto";
  font-family: roboto, sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before {
  content: "Arial";
  font-family: Arial, sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before {
  content: "Verdana";
  font-family: Verdana, sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="tahoma"]::before {
  content: "Tahoma";
  font-family: Tahoma, sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trebuchet"]::before {
  content: "Trebuchet MS";
  font-family: "Trebuchet MS", sans-serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before {
  content: "Georgia";
  font-family: Georgia, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="palatino"]::before {
  content: "Palatino";
  font-family: Palatino, serif;
}
.ql-snow
  .ql-picker.ql-font
  .ql-picker-item[data-value="times-new-roman"]::before {
  content: "Times New Roman";
  font-family: "Times New Roman", serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="courier"]::before {
  content: "Courier New";
  font-family: "Courier New", monospace;
}