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

    how to configure the multi font format

    Help
    2
    7
    2320
    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.
    • J
      joe last edited by

      how to configure the multi font format , now there is only one format woff. some browser can’t recognize , the app show the font text but the icon.
      who can help me

      1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin last edited by

        http://caniuse.com/#search=woff -> all browsers except Opera mini support it.

        It may be that you have the Material Icons font is installed on your machine locally and takes precedence over the supplied woff version. There’s been some issues with that that are fixed for next Quasar (v0.11 not yet released). And if you’re building only websites you’ll be able to use the CDN if you want.

        Can you tell me which browser you say that doesn’t supports woff format?
        Then make some tests after making sure ‘Material Icons’ font is not installed locally on your machine:

        1. Can you try the edge version of Quasar?
        2. After trying with edge version and not working, continue with edge and make one more test: use CDN fonts:
        • Add <link href="https://fonts.googleapis.com/css?family=Material+Icons|Roboto:100,300,400,500,700" rel="stylesheet"> to the <head> of your index.html
        • In /src/themes/app.mat.styl add $quasar-dont-import-fonts = true before @import '~quasar-framework/dist/quasar.mat.styl'

        Looking forward to your response.

        1 Reply Last reply Reply Quote 0
        • J
          joe last edited by

          I test the default browser in the HUAWEI Mate 9, the system is android 7 , the header is ‘Mozilla/5.0 (Linux; Android 7.0; LON-AL00 Build/HUAWEILON-AL00) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30’. I also test android 4.2, the header is ‘Mozilla/5.0 (Linux; U; Android 4.2.2; zh-CN; ZTE U988S Build/JDQ39) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 UCBrowser/10.10.5.811 U3/0.8.0 Mobile Safari/534.30’, the browser show text also

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            Have you also tested with Quasar edge?

            1 Reply Last reply Reply Quote 0
            • J
              joe last edited by

              I test , the official demo can’t show in the android 4.2.2

              rstoenescu 1 Reply Last reply Reply Quote 0
              • rstoenescu
                rstoenescu Admin @joe last edited by

                @joe What do you mean by official demo? Are you deploying Quasar’s Play source code? If so please git pull or make a new clone and try again. And please reply with your findings regarding points #1 and #2 from above. Thanks!

                1 Reply Last reply Reply Quote 0
                • J
                  joe last edited by

                  I use svg instead of font icon , that work well

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