load-font-face-child.uvue

<template>
  <view>
    <page-head title="loadFontFace-child"></page-head>
    <view class="uni-padding-wrap">
      <text class="font-size-20">上一页全局加载字体：</text>
      <text class="font-size-20 line-height-40" style="font-family: UniFontFamily"
      >font-family: uni.ttf</text
      >
      <view style="flex-direction: row;">
        <text style="font-family: UniFontFamily;font-size:20px;">{{
          uniIcon1
        }}</text>
        <text style="margin-left:5px;margin-right: 20px;line-height:22px;">\ue100</text>
        <text style="font-family: UniFontFamily;font-size:20px;">{{
          uniIcon2
        }}</text>
        <text style="margin-left:5px;line-height:22px;">\ue101</text>
      </view>
      <text class="uni-common-mt font-size-20">上一页非全局加载字体：</text>
      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiTTF"
        >font-family: 阿里妈妈刀隶体-ttf</text
      >
      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiOTF"
        >font-family: 阿里妈妈刀隶体-otf</text
      >
      <!-- <text class="item" style="font-family: AlimamaDaoLiTiWOFF"
        >font-family: 阿里妈妈刀隶体-woff</text
      >
      <text class="item" style="font-family: AlimamaDaoLiTiWOFF2"
        >font-family: 阿里妈妈刀隶体-woff2</text
      > -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      uniIcon1: '\ue100',
      uniIcon2: '\ue101',
    }
  }
}
</script>

<style>
.font-size-20 {
  font-size: 20px;
}
.line-height-40 {
  line-height: 40px;
}
</style>