當@font-face出現后第一個字體圖標glyphicon-envelope出現問題是什么問題
<style>
.glyphicon-envelope{
color: red;
font-size: 100px;
}
@font-face{
font-family:'Glyphicons Halflings';
src:url(fonts/glyphicons-halflings-regular.eot);
src:url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
url(fonts/glyphicons-halflings-regular.woff2) format('woff2'),
url(fonts/glyphicons-halflings-regular.woff) format('woff'),
url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),
url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
</style>
</head>
<body>
<!--字體圖標，放大不會失真bootstrap組件Glyphicons 字體圖標；阿里巴巴矢量圖標庫-->
<span class="glyphicon glyphicon-envelope"></span>
<button class="btn btn-default">
<span class="glyphicon glyphicon-star"></span>這是一個按鈕
</button>
2017-08-23
我是老師的寫法改成這個就完美了<link rel="stylesheet" > ?
2017-06-29
Failed to load resource: the server responded with a status of 404 (Not Found)
這樣的錯誤，如果將@font-face注釋掉glyphicon-envelope這個就可以顯示，但是star就不能顯示了
<link rel="stylesheet" type="text/css" href="css/css/bootstrap.min.css"/>
.glyphicon-envelope{
color: red;
font-size: 100px;
}
@font-face{
font-family:'Glyphicons Halflings';
src:url(fonts/glyphicons-halflings-regular.eot);
src:url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
url(fonts/glyphicons-halflings-regular.woff2) format('woff2'),
url(fonts/glyphicons-halflings-regular.woff) format('woff'),
url(fonts/glyphicons-halflings-regular.ttf) format('truetype'),
url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
</style>
</head>
<body>
<span class="glyphicon glyphicon-envelope"></span>
<button class="btn btn-default">
<span class="glyphicon glyphicon-star"></span>這是一個按鈕
</button>
</body>
2017-06-28
出現問題報錯是怎么說的呢？ 復制你的代碼，這樣寫是沒有出現問題的
<link rel ="stylesheet" href="css/bootstrap.min.css">
<style>
.glyphicon-envelope{
color: red;
font-size: 30px;
}
</style>
</head>
<body>
<span class="glyphicon glyphicon-envelope"></span>
<button class="btn btn-default">
<span class="glyphicon glyphicon-star"></span>這是一個按鈕
</button>
</body>
</html>