@font-face {
    font-family: 'Cardo';
    src: url('../font/cardo/cardo-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Crimson Text';
    src: url('../font/crimson_text/crimsontext-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'EB Garamond';
    src: url('../font/eb_garamond/static/ebgaramond-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Gentium Book Basic';
    src: url('../font/gentium_book_plus/gentiumbookplus-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Inconsolata';
    src: url('../font/inconsolata/static/inconsolata-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Merriweather';
    src: url('../font/merriweather/merriweather-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Vollkorn';
    src: url('../font/vollkorn/static/vollkorn-regular.ttf') format('truetype');
}

.ql-font span[data-label="Sans Serif"]::before {
    font-family: "Sans Serif";
}

.ql-font span[data-label="Inconsolata"]::before {
    font-family: "Inconsolata";
}

.ql-font span[data-label="Roboto"]::before {
    font-family: "Roboto";
}

.ql-font span[data-label="Mirza"]::before {
    font-family: "Mirza";
}

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

.ql-font span[data-label="Georgia"]::before {
    font-family: "Georgia";
}

.ql-font span[data-label="Times New Roman"]::before {
    font-family: "Times New Roman", Times, serif;
}

.ql-font span[data-label="Trebuchet MS"]::before {
    font-family: "Trebuchet MS";
}

.ql-font span[data-label="Tahoma"]::before {
    font-family: "Tahoma";
}

.ql-font span[data-label="Helvetica"]::before {
    font-family: "Helvetica";
}

.ql-font span[data-label="Courier New"]::before,
.ql-font span[data-value="courier-new"]::before {
    font-family: "Courier New";
}

.ql-font span[data-label="Lucida Sans"]::before {
    font-family: "Lucida Sans";
}


.ql-font-inconsolata {
    font-family: "Inconsolata";
}

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

.ql-font-mirza {
    font-family: "Mirza";
}

.ql-font-arial {
    font-family: "Arial";
}
.ql-font-verdana {
    font-family: "Verdana";
}

.ql-font-georgia {
    font-family: "Georgia";
}

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

.ql-font-trebuchet-ms {
    font-family: "Trebuchet MS";
}

.ql-font-tahoma {
    font-family: "Tahoma";
}

.ql-font-helvetica {
    font-family: "Helvetica";
}

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

.ql-font-lucida-sans {
    font-family: "Lucida Sans";
}

.ql-snow .ql-picker.ql-font {
    width: 138px !important;
}

/*Font size*/
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="5px"]::before {
    content: '5';
    font-size: 5px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="6px"]::before {
    content: '6';
    font-size: 6px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="7px"]::before {
    content: '7';
    font-size: 7px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="8px"]::before {
    content: '8';
    font-size: 8px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9px"]::before {
    content: '9';
    font-size: 9px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
    content: '10';
    font-size: 10px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="11px"]::before {
    content: '11';
    font-size: 11px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    content: '12';
    font-size: 12px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: '14';
    font-size: 14px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: '16';
    font-size: 16px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: '18';
    font-size: 18px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    content: '20';
    font-size: 20px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
    content: '22';
    font-size: 22px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    content: '24';
    font-size: 24px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
    content: '26';
    font-size: 26px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
    content: '28';
    font-size: 28px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
    content: '36';
    font-size: 36px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before {
    content: '48';
    font-size: 48px !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="72px"]::before {
    content: '72';
    font-size: 72px !important;
}