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

前端web项目

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

  2. 全局引入

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

    .content{
    
    font-family: 方正兰亭中黑;
    
    }
    

小程序引入外部字体库

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

效果图如下:
项目开发中引入外部字体库_第1张图片

(PS: 第一次调用时,会报Failed to load resource: net::ERR_CACHE_MISS错误,多次刷新后正常…,希望能解决这个问题的朋友留言)

你可能感兴趣的:(微信小程序)