微信小程序怎么引入fontawesome

1.到fontawesome官网下烂橡链如型载字体包。

2.打开1中下载的压缩包找到.ttf文件。

3.上传2中的字体文饥孙件选择base64 编吗 ，convert后下载.

小程序font-family按顺序有： font-style （文字样式）、font-variant （是否小型大写字母）、font-weight（字体粗细）、 font-size/line-height（字体尺寸大小）、 font-family（字体名称桐册腔）、ont-stretch（字是否横向拉伸变形）。

具体情况：

1、font-style：文字样式。

取值：normal

正常的字体， italic   斜体字，   oblique  倾斜的字体。

2、font-weight：设置文本字体的粗细。取值范围为100-900.

取值：mormal：正常大小相当于400。bold ：粗体，相当于700。

3、font-size：设置字体尺寸姿纤大小。

4、font-variant:设置对象中的文本是否为小型的大写字母。

取值：mormal 正常的字体。small-caps  小型的大写字母字体。

5、font-family:设置字体名称。

6、font-stretch:设置对象中的文字是否横向拉伸变形。

取值：normal：正常文字宽度。

ultra-condensed：比正常文字宽度窄4个基数。

extra-condensed：比正常文字宽度窄3个基数。

condensed：比正常文字宽度窄2个基数。

semi-condensed：局衫比正常文字宽度窄1个基数。

semi-expanded：比正常文字宽度宽1个基数。

expanded:比正常文字宽度宽2个基数。

extra-expanded：比正常文字宽度宽3个基数。

ultra-expanded：比正常文字宽度宽4个基数。

官方链接至 http://fontawesome.dashgame.com/

它悔歼跟阿里矢量库不同的是 他不需要引入一些繁琐的文件 只需要几个命令就可以直接使用icon图标

方法一 : css导入

<link rel="stylesheet"仿纳 href="path/to/font-awesome/css/font-awesome.min.css">

方法二: 定义安装

npm install font-awesome-sass

复制 font-awesome/ 目录到您的项目中。

打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ，备前没然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录

---