Problem inserting Google Fonts

[marcelostrappini]

When I insert the Google Fonts code, the FontAwsome styles stop loading.

Example: https://codesandbox.io/s/fontawesome-react-nextjs-sg6rv?file=/pages/index.js

Expectation

Result

I have carried out several tests until I see what the conflict was, if the <links> from Google Fonts are eliminated, the icons are seen correctly (2x and layers).

I need to use both Google Fonts + FontAwesome over NextJS on a website. What solution do you suggest?

Regards

[aisinghood15]

Hey @marcelostrappini a possible solution for this problem could be to just self host the Google Fonts as webfonts. Here is a helpful tool for getting the necessary files for your Google Font: https://google-webfonts-helper.herokuapp.com/fonts.