I use svg instead of font icon , that work well

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

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

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

@rstoenescu
I test the official demo pull to refresh in the ios10 safari, scrolling up is not easy, the bug is also exsited , please check this
when I combine them , I find scrolling up not easy in ios safari . it’s ok in android

I combine modal and slider to get a GallerySlider, but I fail , this is my code
<pre>
<q-modal ref=“modal” class=“maximized” v-if=“photos.length”>
<q-layout>
<div slot=“header” class=“toolbar”>
<button @click=“cancel”>
<i>arrow_back</i>
</button>
<q-toolbar-title :padding=“1” class=“text-center”>
{{ currentSlide + 1 }}/ {{ total }}
</q-toolbar-title>
</div>
<q-slider ref=“slider” arrows fullscreen @slide="__updateCurrentSlide" class=“text-white bg-black q-gallery-slider”>
<div v-for="(img, index) in photos" :key=“index” slot=“slide” class=“no-padding flex items-center justify-center”>
<div class=“full-width”>
<div class=“card”>
<img :src=“img.loaded ? img.media + ‘?imageView2/2/w/500’ : ‘statics/loading.gif’” style=“margin: 0 auto” :style="{width: img.loaded ? ‘100%’ : ‘38px’}">
<div class=“card-content” v-if=“img.desc”>
{{ img.desc }}
</div>
</div>
</div>
</div>
</q-slider>
<div slot=“footer”>
<button class=“float-left” @click=“cancel”>关闭</button>
</div>
</q-layout>
</q-modal>
</pre>

when the photos change , the slider is not reactive, who can help me

@rstoenescu I use the q-drawer-link , i find a delay modifier in the source code , that cause my back button failure . then I reverse my drawer code ,that is ok

when I update to 0.9.1, I find my go back button can’t work , I use the vue router back, who can help me ,thx

@rstoenescu thx, excited

@rstoenescu I can’t scroll down in the mobile browser when I combine them ,can you help me

@rstoenescu thx,but there will be a new problem ,the infinite scroll doesn’t work

@rstoenescu

<template>
  <div>
    <div class="layout-padding">
      <quasar-infinite-scroll :handler="refresher">
        <quasar-pull-to-refresh :handler="getNew">
          <p class="caption">
          <span class="label bg-secondary text-white shadow-1">
            0
          </span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
          </p>
        </quasar-pull-to-refresh>
        <p v-for="(item, index) in items" class="caption">
          <span class="label bg-secondary text-white shadow-1">
            {{ index + 1 }}
          </span>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
        </p>

        <div class="row justify-center" style="margin-bottom: 50px;">
          <spinner name="dots" slot="message" :size="40"></spinner>
        </div>
      </quasar-infinite-scroll>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      items: [{}, {}, {}, {}, {}]
    }
  },
  methods: {
    refresher (index, done) {
      console.log('index', index)
      setTimeout(() => {
        let items = []

        for (let i = 0; i < 7; i++) {
          items.push({})
        }

        this.items = this.items.concat(items)
        done()
      }, 1000)
    },
    getNew (done) {
      done()
    }
  }
}
</script>

I want to combine the two ,
but there will be some space between them,
I need to remove it

who can help me?

thank you very munch ,joe