Upgrade to Font Awesome 6

TikHub · Apr 23, 2022 · 865ecc5 · 865ecc5
1 parent d3b8554
commit 865ecc5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -28,10 +28,10 @@ Add Live2D widget to web page. Compatible with PJAX.
 
 ## 依赖 Dependencies
 
-本插件需要 Font Awesome (v4 或 v5) 图标支持，请确保相关样式表已在页面中加载。以 Font Awesome v4 为例，请在 `<head>` 中加入：  
-Font Awesome (v4 or v5) is required for this plugin. Take Font Awesome v4 as an example, please add the following in `<head>`:
+本插件需要 Font Awesome 图标支持，请确保相关样式表已在页面中加载。以 Font Awesome v6 为例，请在 `<head>` 中加入：  
+Font Awesome is required for this plugin. Take Font Awesome v6 as an example, please add the following in `<head>`:
 ```xml
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
 ```
 否则图标将无法正常显示。（如果网页中已经加载了任何版本的 Font Awesome，就不要重复加载了）
 

diff --git a/demo/demo.html b/demo/demo.html
@@ -3,8 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <title>Live2D 看板娘 / Demo</title>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/js/all.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
 <style>
 #github svg {
 	transition: all 1s;

diff --git a/demo/login.html b/demo/login.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <title>看板娘登陆平台</title>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6/css/all.min.css">
 <script src="../live2d.min.js"></script>
 <style>
 html, body {
@@ -58,9 +58,7 @@
 }
 #stage button {
 	position: absolute;
-	width: 2em;
-	height: 2em;
-	border-radius: 50%;
+	padding: 0;
 }
 #inner {
 	position: relative;