Unable to change font in streamlabs in-stream chat widget, what should I do?

Question

css

What is wrong in the code below?
Here is a link to the site https://streamlabs.com/dashboard#/chatbox

@font-face {
    font-family: "MP";
    src: url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/18756cca8e10c956939ef8b560979b81.svg#MP Manga Font Bold") format("svg"); /* iOS 4.1- */
}

body {
    background: transperent;
    font-family: 'MP';
    font-weight: 700;
    font-size: 22;
    line-height: 1.5em;
    color: black;
}