Question

我正在尝试使用Font Awesome图标，问题是fa-bed的大小为0X0，但其他图标显示正确。

这是我的HTML：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
    <div class="col-sm-2 col-xs-3 col_pad col_pad_xs">
        <i class="fa fa-plane" aria-hidden="true"></i><span>Flight</span>
    </div>
    <div class="col-sm-2 col-xs-3 col_pad col_pad_xs">
        <i class="fa fa-bed" aria-hidden="true"></i><span>Hotel</span>           
    </div>
    <div class="col-sm-2 col-xs-3 col_pad col_pad_xs">
        <i class="fa fa-plane" aria-hidden="true"></i>
        <span>+</span>
        <i class="fa fa-bed" aria-hidden="true"></i>
        <span style="margin-left: -5px;">Flight + Hotel
        </span>
    </div>
    <div class="col-sm-2 col-xs-3 col_pad col_pad_xs">
        <i class="fa fa-sun-o" aria-hidden="true"></i><span>Holidays</span>
    </div>
</div>
</body>
</html>

以下是我得到的截图：

Answer 1

问题是我用的字体很棒的版本很旧。我下载了当前版本font-awesome-4.7.0并且它有效。

Answer 2

尝试以下，

class="fa fa-4x fa-bed"

字体很棒的fa-bed问题

2 个答案: