根据语言 reactjs 更改字体

Question

我用的是reactjs，我用i18next改变我网站的语言，现在我需要为不同的语言分配不同的字体。

我正在 css 文件中定义字体。

如何根据使用的语言更新字体？

Answer 1

我对 i18next 不是很熟悉，但是您可以根据您使用的语言简单地更改包含文本的 div 的类名。

//.jsx file

  <div className = {i18.language}>
    //some text goes here
  </div>

//css file
  .en{
    font-size:16px
   }
  .fr{
    font-size:12px
   }
//etc.