how to configure the multi font format

  • 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

  • Admin -> 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="|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.

  • 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/ U3/0.8.0 Mobile Safari/534.30’, the browser show text also

  • Admin

    Have you also tested with Quasar edge?

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

  • Admin

    @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!

  • I use svg instead of font icon , that work well

Log in to reply