font-awesome 圖標沒法顯示

時間 2019-11-12

標籤 font awesome 圖標沒法顯示简体版

原文原文鏈接

font-awesome 圖標沒法顯示，若是你的相對位置沒問題，那麼多是：你項目裏的樣式的字體定義的問題。css

由於 font-awesome自己就是字體圖標，你能夠打開它的css文件就能夠看出：html

@font-face{ font-family:'FontAwesome'bootstrap

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
<style>
* {	margin:0; padding:0; font-family: "Microsoft YaHei" !important;  /*注意看這裏，由於這裏的全局樣式字體樣式定義爲了微軟雅黑，因此致使下面的awesome字體沒法顯示。*/}
</style>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
<i class="fa fa-camera-retro" style="font-size:40px; color:#F33;">2222</i>
</body>
</html>

全局定義沒有問題，【解決辦法：只要去掉後面的 !important 便可。】字體

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。