求解决，Bootstrap里的图标没有生效

img


如图所示，引入图标后，是一个方块，没有显示图标，查了一下，说要再引入一个字体文件，如果要下载，请问可以在哪里下载？是否一定要下载一个“字体”文件才能解决？


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bootStrap - 测试</title>    

    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <button type="button" class="btn btn-danger">（危险）Danger</button></br>
       
    <span class="glyphicon glyphicon-music"></span>
    <!-- 上述代码行没有生效 -->   
    
    
</body>
</html>

css文件的问题吧，我用你的代码，就把css文件从本地的换成线上的就能出来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bootStrap - 测试</title>    
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
</head>
<body>
    <button type="button" class="btn btn-danger">（危险）Danger</button></br>
    <span class="glyphicon glyphicon-music"></span>
    <!-- 上述代码行没有生效 -->   
    
</body>
</html>

效果图

img

看下项目有这张图没

img