我的客户项目使用了一些基本的HTML和CSS，但他们喜欢网站菜单上的Glyphicons。因此，我尝试使用Bootstrap CSS包括Glyphicons，它确实有效，但在包括Bootstrap CSS后，其他的CSS也受到了影响。
所以问题可能有点傻，我只想在客户网站菜单链接中包含Glyphicons，而不使用Bootstrap CSS。
首先，这是否可能？我知道Glyphicons free将随Bootstrap Package提供。
另外，我的客户不希望我包含Bootstrap CSS，因为它会影响页面结构。
因此，是否可以在没有Bootstrap CSS或自己的自定义CSS的情况下包括Glyphicons呢？
任何帮助将不胜感激！
这里有这样一段话：
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">
然而，如果你想节省一些带宽，你可以直接从CDN加载字体，然后像这样内联所需的CSS：
<style>
@font-face {
font-family: 'Glyphicons Halflings';
src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font: normal normal 16px/1 'Glyphicons Halflings';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
margin-right: 4px;
}
/* Add icons you will be using below */
.glyphicon-fire:before {
content: '\e104';
}
.glyphicon-eye-open:before {
content: '\e105';
}
</style>
<i class="glyphicon glyphicon-chevron-up"> </i>，则不会出现任何内容。我喜欢使用FontAwesome，但不幸的是，我想要使用的第三方库期望GlyphIcons，即使是非Bootstrap版本。（也许这是库作者的疏忽，但我正在尝试解决它。） - Michael Scheperall.min.css 复制到您的 css 目录中，并将 webfonts 目录的内容复制到您的 webfonts 目录中。all.min.css 期望字体文件在 ../webfonts 中，所以请确保它们在那里（而不是像上面建议的 ../fonts！）（参考：https://fontawesome.com/v5.15/how-to-use/on-the-web/setup/hosting-font-awesome-yourself - 参见使用 CSS 使用 Web 字体）。 - jenniwren这里提供一个可以让你只使用Bootstrap中的图标字形的Bower包。
请查看此Github存储库：https://github.com/ohpyupi/glyphicons-only-bootstrap
或者
bower install glyphicons-only-bootstrap
编辑
现在可以通过NPM下载该软件包。
npm install glyphicons-only-bootstrap
是的，您只需要从此页面下载：http://glyphicons.com/（下面是免费选项）
编辑： 在此线程中有关于此的更多信息：Bootstrap 3 Glyphicons CDN
<script src="https://use.fontawesome.com/2734t3et304.js"></script>
你需要自己去获取！:)
前往字形图标秘籍[https://glyphicons.bootstrapcheatsheets.com/]
li:before {
font-family: "Glyphicons Halflings";
content: "\e013";
/* other code as per need*/
}
Font Awesome- HddnTHA<html>元素中！）也许我只是老了——我已经使用CSS20年了，虽然我一直在跟进，但我仍然希望CSS3以某种特定的方式工作。 - Michael Scheper