The problem of changing the current font of the application when importing CSS of third-party components.



  • Hello!

    When importing CSS of third-party components, I observe the problem of replacing the current font of the application with the font specified in the imported style:

    An example of the contents of a string indicating the font in the imported CSS:

    <style>
        @import url(“https://fonts.googleapis.com/css?family=Roboto:400,500”);
    </style>

    As a result of the import, the font of the application changes.

    How can I specify that the font in the imported CSS does not override the current font of the application?

    As an option, I comment on lines with font import, and everything is fine.
    But, this is not the best practice, because the imported style is in the node_modules component.

    Thank you in advance for your answers. 🙂


Log in to reply