vue 외부 특수 글꼴 사용 방법

말 이 많 지 않 으 면 먼저 효 과 를 본다.

제 가 여기 서 사용 하 는 것 은'제목 과 같은 글꼴'입 니 다.그 다음은 실현 절차 입 니 다.
1.먼저 바 이 두 에서 필요 한 글꼴 ttf 파일 을 다운로드 합 니 다.

2.src 폴 더 에 common 폴 더 를 새로 만 들 고 font 폴 더 를 다시 만 듭 니 다.

3.font 폴 더 에 font.css 파일 을 새로 만 들 고 다운로드 한 ttf 파일 을 넣 습 니 다.
font.css 내용 은 다음 과 같 습 니 다.

4.App.vue 의 style 에 font.css 파일 도입

5.특수 글꼴 이 필요 한 곳 에서 font-family:"사용자 정의 글꼴 이름"을 사용 합 니 다.여기 서 설정 한 제목 은 font.css 파일 에서 사용자 정의 글꼴 이름 입 니 다.

이렇게 해서 특수 한 글씨 체 를 사용 할 수 있 게 되 었 습 니 다.몽 신 에 게 도움 이 되 었 으 면 좋 겠 습 니 다~
보충 지식:어떻게 원 으로 나 누고 두 개의 소 수 를 보존 하 며 vue 로 합 니까?
긴 말 안 할 게 요.그냥 코드 보 세 요~

<el-table-column prop="amount"
            label="      "
            width="120" 
            align="center">
    <template scope="scope">
     {{ scope.row.amount | filterMoney }}
    </template>
   </el-table-column>

 
 filters: {
  filterMoney (num) {
   return (num / 100).toFixed(2)
  }
 },

이 vue 가 외부 특수 글꼴 을 어떻게 사용 하 는 지 에 대한 조작 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.