No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

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

    Help
    1
    1
    95
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • 9
      9223000 last edited by 9223000

      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. 🙂

      1 Reply Last reply Reply Quote 1
      • First post
        Last post