How can I import a font (Roboto) inside content.tsx and keep my style?

I have 2 files:

base.css where it only imports the font (from Google API)

and style.css where there's all the stylesheet.

How can I do both? Seems like I can only do one or the other. I have tried to concatenate like

"export const getStyle = () => {
const style = document.createElement("style")
style.textContent = baseText + styleText
return style
}"

but it doesn't work.
Was this page helpful?