                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /bootstrap快速入门

当@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>

<span class="glyphicon glyphicon-star"></span>这是一个按钮

</button>

慕丝1033313

2017-06-26

源自：bootstrap快速入门 5-3

关注问题我要回答

2101

操作

收起

3 回答

I小小白
2017-08-23

我是老师的写法改成这个就完美了<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">

0 回复有任何疑惑可以回复我~

收起回答

慕丝1033313 提问者
2017-06-29

Failed to load resource: the server responded with a status of 404 (Not Found)

这样的错误，如果将@font-face注释掉glyphicon-envelope这个就可以显示，但是star就不能显示了

.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-star"></span>这是一个按钮

</button>

</body>

0 回复有任何疑惑可以回复我~

收起回答

qq_伊璐_0
2017-06-28

出现问题报错是怎么说的呢？复制你的代码，这样写是没有出现问题的

<style>

.glyphicon-envelope{

color: red;

font-size: 30px;

}

</style>

</head>

<body>

<span class="glyphicon glyphicon-star"></span>这是一个按钮

</button>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

bootstrap快速入门

参与学习 100975 人
解答问题 187 个

bootstrap是目前最流行的框架之一，能够带你快速搭建网页！

进入课程

本课相似问答

1 回答bootstrap字体图标在win7系统上显示不出来

2 回答bootstrap字体大小问题

1 回答应该点击测试按钮才会出现“这是一个内容”，可是我在写时两者是同时出现的，请问是怎么回事？谢谢！

3 回答老师是怎么直接写一个标签名字，完整的标签格式就出来了？？？

1 回答为什么会出现this inspection chekcs unresolved file references in html

搜索更多本课相关问答

当@font-face出现后第一个字体图标glyphicon-envelope出现问题是什么问题

我要回答关注问题

热搜

最近搜索清空

当@font-face出现后第一个字体图标glyphicon-envelope出现问题是什么问题

3 回答

本课相似问答

当@font-face出现后第一个字体图标glyphicon-envelope出现问题是什么问题