/* /assets/css/fonts.css */
/*
    The default font is Nunito, backed uup by Open Sans.
    The default font for <code> and <pre> is Google Sans Code.

    Users may choose their fonts that they work with.
    The following fonts have been approved:
    - Nunito
    - Open Sans
    - Roboto
    - Archivo Black
    - Playpen Sans
    - Open Dyslexic

    The following fonts will be used for emoji and other symbols:
    - Noto Emoji
    - Noto Color Emoji
    - 121-Keyboard
 */

/* Font declaration */

@font-face {
    font-family: 'Nunito'; /* set name */
    src: url(/assets/font/Nunito/Nunito-Regular.ttf);
}

@font-face {
    font-family: 'Google Sans Code'; /* set name */
    src: url(/assets/font/Google_Sans_Code/GoogleSansCode-Regular.ttf);
}

@font-face {
    font-family: 'open-dyslexic'; /* set name */
    src: url(/assets/font/Open-Dyslexic/OpenDyslexic-Regular.woff2);
}

@font-face {
    font-family: 'Roboto'; /* set name */
    src: url(/assets/font/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Archivo-Black'; /* set name */
    src: url(/assets/font/Archivo-Black/ArchivoBlack-Regular.ttf);
}

@font-face {
    font-family: 'Playpen Sans'; /* set name */
    src: url(/assets/font/Playpen-Sans/static/PlaypenSans-Regular.ttf);
}

@font-face {
    font-family: 'Open Sans'; /* set name */
    src: url(/assets/font/Open-Sans/static/OpenSans-Regular.ttf);
}

@font-face {
    font-family: 'Noto Emoji'; /* set name */
    src: url(/assets/font/NotoEmoji/NotoEmoji-Regular.ttf);
}

@font-face {
    font-family: 'Noto Color Emoji'; /* set name */
    src: url(/assets/font/NotoColorEmoji/NotoColorEmoji-Regular.ttf);
}

@font-face {
    font-family: '121-Keyboard'; /* set name */
    src: url(/assets/font/121-Keyboard/121-Keyboard.otf);
}


/* Font Classes */
.nunito {
    font-family: "Nunito", "Open Sans", "Arial", sans-serif !important;
}

.open-dyslexic,
.dyslexia-friendly,
.openDyslexic{
    font-family: 'open-dyslexic', "Nunito", "Open Sans", "Arial", sans-serif !important;
}

.roboto {
    font-family: 'Roboto', "Nunito", "Open Sans", "Arial", sans-serif !important;
}

.archivo-black {
    font-family: 'Archivo-Black', "Nunito", "Open Sans", "Arial", sans-serif !important;
}

.playpen-sans {
    font-family: 'Playpen Sans', "Nunito", "Open Sans", "Arial", sans-serif !important;
}

.open-sans {
    font-family: 'Open Sans', "Nunito", "Arial", sans-serif !important;
}

/* */

.noto-emoji {
  font-family: "Noto Emoji", "Nunito", "Arial", sans-serif !important;
}

.noto-emoji.colour,
.noto-emoji.color,
.noto-color-emoji,
.noto-colour-emoji {
  font-family: "Noto Color Emoji", "Nunito", "Arial", sans-serif !important;
}

.keyboard,
.keyboard-121,
.key {
  font-family: "121-Keyboard", "Nunito", "Arial", sans-serif !important;
}