Импорт шрифтов Google API в реагирует с атрибутом "preload" - PullRequest
Новая
       11

Импорт шрифтов Google API в реагирует с атрибутом "preload"

0 голосов
/ 18 февраля 2019

В настоящее время я пытаюсь импортировать Google-шрифты внутри реакции с использованием тега ссылки.

Если я изменю атрибут "rel" на "stylesheet" и удаляю атрибут "as", он работает, однако с использованием "preload "неправильно импортирует шрифты.Тексты внутри обоих «div» имеют одинаковые шрифты.Я не получаю сообщений об ошибках в терминале.

Почему это так и как я могу заставить его работать?

https://jsfiddle.net/ctLgmd2f/13/

или 

class Hello extends React.Component {
  render() {
    return (<div>
        <link
        href="https://fonts.googleapis.com/css? family=Baloo+Bhaijaan|Roboto:300,400,500"
    rel="preload"
    as="style"/>
                <div style={{fontFamily: "Roboto"}}>The fonts shouldnt match!</div>
                <div>The fonts shouldnt match!</div>
           </div>);
  }
}

Спасибо за любую помощь заранее!

...