How to use font-awesome icons in WeChat applet

Download font-awesome font package
Open the Transfonter website and upload the font fontawesome-webfont.ttf (theoretically other file formats can also be converted, but I have not tried it yet) ), select base64 encoding, convert and download

. There is a style file in the downloaded package. After opening it, you will get the following code, and compare it with the content in font-awesome.css and add it to WeChat

## in the app.wxss file of the mini program b63902c1932d99a876c145b6936790ac

Then use class="fa fa-user" in the mini program, such as

Related labels：

WeChat applet

Previous article：Create a back to top button Next article：ES6 new features development WeChat applet (3)

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

• Definition and usage examples of mysql execution function mysql_query()
  1970-01-01 08:00:00
• Detailed steps for connecting php to mysql database (pictures and texts)
  1970-01-01 08:00:00
• Graphical tutorial on adding, deleting and modifying sql database (phpMyAdmin usage tutorial)
  1970-01-01 08:00:00
• SQL database import and export step tutorial (picture)
  1970-01-01 08:00:00
• Visual addition, deletion and modification tutorial of sql data table (phpMyAdmin usage tutorial)
  1970-01-01 08:00:00
• Tutorial on adding, deleting, modifying and querying data tables using SQL statements (phpMyAdmin usage tutorial)
  1970-01-01 08:00:00
• Detailed explanation of Java multithreading basics
  1970-01-01 08:00:00
• File upload image in php
  2023-03-06 22:20:01
• A summary of several ways to create objects in JS
  1970-01-01 08:00:00
• Deeply understand the this keyword in JS
  1970-01-01 08:00:00

Latest Issues

Team collaboration - What should I do if someone needs the feature I wrote as a dependency in git flow?

From 1970-01-01 08:00:00

0

0

0

Objective-c - Constraints for iOS a warning issue

From 1970-01-01 08:00:00

0

0

0

Confusion about using gitlab's fork&pull request mode within the team

From 1970-01-01 08:00:00

0

0

0

Objective-c - In iOS development, Instagram cannot be authorized after logging in. Instagram does not jump back to the application. How to get the callback address?

From 1970-01-01 08:00:00

0

0

0

Version Control - About the use of SVN and GIT in company projects?

From 1970-01-01 08:00:00

0

0

0

Related Topics

More>

• How to create a WeChat clone
• What is the difference between blocking and deleting on WeChat?
• WeChat failed to load data
• What does WeChat clone mean?
• WeChat restore chat history
• How to delete WeChat emoticons
• How to set top text on WeChat
• WeChat steps