使用方法:
1,第一步
使用utf-8編碼。
2,第二步
下面有兩列編碼,第一列是html編碼,使用時,需要在其前面加&#;
第二列是css編碼。使用時,需要在其前面加 \ 轉義;
第二列也可用於js,使用時,需要在其前面加 \u 來轉義。
注意事項
1,有些字符在不同瀏覽器下表現樣式有所不同,需要注意.
2,例如以下這些是瀏覽器支持的unicode字符編碼,如果需要使用的圖標瀏覽器不是瀏覽器默認支持的,就需要引入字體圖標庫。
常用的字體圖標庫如下
2.1 阿里圖標
2.2 icomoon
常用字符如下
使用demo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Unicode字符編碼</title>
<style>
.icon{
font-size: 14px;
color: red;
padding-right: 5px;
}
.icon-left:before{
content:'\21E0';
}
</style>
</head>
<body>
<p>⇠</p>
<p><i class="icon icon-left"></i>箭頭</p>
</body>
</html>
參考鏈接 https://blog.csdn.net/sinat_17775997/article/details/52384680