當(dāng)@font-face出現(xiàn)后第一個(gè)字體圖標(biāo)glyphicon-envelope出現(xiàn)問(wèn)題是什么問(wèn)題
<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>
<!--字體圖標(biāo)，放大不會(huì)失真bootstrap組件Glyphicons 字體圖標(biāo)；阿里巴巴矢量圖標(biāo)庫(kù)-->
<span class="glyphicon glyphicon-envelope"></span>
<button class="btn btn-default">
<span class="glyphicon glyphicon-star"></span>這是一個(gè)按鈕
</button>
2017-08-23
我是老師的寫(xiě)法改成這個(gè)就完美了<link rel="stylesheet" > ?
2017-06-29
Failed to load resource: the server responded with a status of 404 (Not Found)
這樣的錯(cuò)誤，如果將@font-face注釋掉glyphicon-envelope這個(gè)就可以顯示，但是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>這是一個(gè)按鈕
</button>
</body>
2017-06-28
出現(xiàn)問(wèn)題報(bào)錯(cuò)是怎么說(shuō)的呢？ 復(fù)制你的代碼，這樣寫(xiě)是沒(méi)有出現(xiàn)問(wèn)題的
<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>這是一個(gè)按鈕
</button>
</body>
</html>