<div id="typography" class="relative"> <div id="font"> <ul class="select-list overflow-y-scroll" style="max-height:315px;width:240px"> <li v-bind:class="{checked:active_font==font}" v-for="font in fonts" v-on:mousedown="apply_font($event,font)" v-on:touchstart="apply_font($event,font)"> <span v-bind:style="{'font-family': font}">{{font}}</span> </li> </ul> </div> </div>