项目开发中引入外部字体库

一个页面的美观,除了配色和布局外,字体也是一个很重要的因素。所有,今天记录一下项目中引入外部好看字体库的方法。

前端web项目

  1. 下载字体库(如:方正兰亭中黑_GBK.ttf)

  2. 全局引入

    1
    2
    3
    4
    @font-face {
    font-family: "方正兰亭中黑_GBK";
    src: url("方正兰亭中黑_GBK.ttf") format("truetype");
    }
  3. 使用

    1
    2
    3
    4
    5
    .content{

    font-family: 方正兰亭中黑;

    }

小程序引入外部字体库

  1. 下载字体库(如:方正兰亭中黑_GBK.ttf)
  2. 上传至数据库
  3. 使用微信提供的wx.loadFontFace接口动态加载网络字体

效果图如下:

效果图