个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我尝试了 Bootstrap，但令我有点惊讶的是，Glyphicons 的加载或显示速度似乎真的很慢。
我感觉连轮播都更快出现。但是，在其他网站上似乎并没有那么慢。
因此，我想我一定是做错了什么，但我没有看到与在线显示字形的代码有太大差异，有什么办法可以修复吗？
但到目前为止，由于我正在尝试在本地运行所有内容，它应该快如闪电，不是吗？字形图标需要两秒钟，而其余部分会立即显示。
有没有更好的方法来衡量某些东西在屏幕上显示的速度(而不是仅仅使用我的最终用户的感觉)，请告诉我。
刚开始做web前端开发，请多多包涵。
下面是我用来显示一个 glyphicon-home 的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>My Page...</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link href="boostrap - 3.3.5/css/bootstrap.min.css" rel="stylesheet">
<!-- Favicons... -->
<!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
<!--[if IE]><link rel="shortcut icon" href="favicon.ico"><![endif]-->
<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" sizes="180x180">
<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
<link rel="icon" href="faviconOthers.ico" sizes="196x196">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if IE 9]>
<script src="html5shiv - 3.7.2/html5shiv.min.js"></script>
<script src="respond - 1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="jquery - 1.11.3/jquery.min.js" ></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="boostrap - 3.3.5/js/bootstrap.min.js" ></script>
</head>
<body>
<i class="glyphicon glyphicon-home"></i>
</body>
</html>
最佳答案
我发现出了什么问题，底线位于 bootstrap.min.css 中。
原因是前段时间我使用了在线 Bootstrap 定制器，因为那时我还没有安装任何 CSS 预处理器。改变几种颜色就足够了。
但是，我不知道定制器添加了几个关于从哪里可以在线获取某些字体的链接，我宁愿避免使用这些链接，因为我在中国而且有些网站访问速度非常慢。
例如
@font-face{font-family:'Glyphicons Halflings';
src:url(http://bootstrap-live-customizer.com/bootstrap-3.3.5/fonts/glyphicons-halflings-regular.eot);
关于javascript - Bootstrap : slow loading with the glyphicons，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32535694/
25
4
0
我想使用微调器来刷新数据。我已经使用了上面的代码。 数据正在刷新。但是图标没有旋转。 最佳答案 尝试使
我是 pug 的新手，想在“所有月份”的下拉菜单中添加 glyphicon glyphicon-calendar 吗？ .pull-right select.form-control.btn-p
我正在使用 Bootstrap 3.0，我正在使用 Twitter Bootstrap Glyphicons .我正在尝试使用“glyphicon glyphicon-plus”，但是当我放入类时，它
当鼠标悬停在字形标志上时，我显示一些信息。该代码现在可以运行，但仅适用于添加内容。我想使用相同的 JQuery 代码进行编辑、删除等。我不想一次又一次地重复 Jquery 代码。 如何做到这一点？ H
根据他们的指南，这太奇怪了 here ，我添加了一个带有 glyphicon glyphicon-cog 的跨度......但是，当加载我的页面时，它实际上显示了信封 - 这是 glyphicon g
我正在使用 angular-cli 和 bootstrap4 做一个应用程序，但是当我对 Glyphicons 进行一些引用时，图标不会出现。例如，当我添加以下代码时: Star 我在我的角
如何去除白色背景？我已经设置了 background-color:transparent 但仍然有白色背景。 这是一张图片: 我的 HTML 代码: 这是我的 CSS: .glyphicon-th-
我尝试使用图标 glyphicon glyphicon-chevron-right 在我的设计中显示方向，但我需要比默认尺寸更细的图标。那么如何减少 glyphicon glyphicon-chevr
我已经购买了完整的 Glyphicons PRO 包，并希望将它与 Bootstrap 3 一起使用。 但是，我似乎无法找到有关如何执行此操作的全面文档。 Glyphicons 网站缺少“如何使用部分
如何从 yii2 中的特定页面中删除 glyph-icon-pencil 和 glyph-icon 垃圾 最佳答案 您可以在 actionColumn 中使用模板 $dataProvider,
我正在将 jquery-validation 与 glyphicons 集成。基本上，当用户正确输入内容时，我希望在输入框中看到字形图标，如下所示: 但我希望它成为通过 CSS :after 属性触发
比较 http://fiddle.jshell.net/R3qEn/6/和 http://fiddle.jshell.net/R3qEn/7/ - 唯一的区别是 css-frame 的第一行 - 我们
字形图标显示在按钮文本上方。我尝试使用 vertical-align: middle; 但它仍然不起作用。 代码: " . $_SESSION['
我正在使用 Bootstrap3 字形图标。例如 我希望它是绿色的，所以我使用了一个名为 public 的类: .public { color:green; } 当我将此应用于图标时，它不起
在我的电脑上，运行 Visual Studio，运行完美... 但是，当我将它部署到我的服务器时，并没有呈现 Glyphicons...谁知道可以是什么？ Site that isn't workin
我尝试将 bootstrap datetimepicker 与 glyphicon 日历一起使用。但是如果我点击选择器，什么也不会发生。 连日历都打不开。我在我的 .jsp 页面中添加了以下 .js
如何在此列表中将我的 Glyphicons 垂直和水平居中(跨浏览器)？ 我的 CSS 根本没有让元素居中。 它的样子: 它应该是什么样子:
我正在尝试修复我的字形。每当加载页面时，它们都会移动并在很短的时间后出现，但我的导航因此而摇晃。 有人对此有解决方案或经验吗？ 下面是我如何加载字体的代码: @font-face { font
我在 bootstrap v3.3.5 上使用 bootstrap.min.css。我从 http://getbootstrap.com 下载 Bootstrap 并在本地使用它。我注意到在 IE 9
我从这个 link 下载了 Bootstrap v3.1.1 .我在我的 ASP.NET MVC 元素中使用 Glyphicon。 我面临的问题是，在我看来，我有时可以看到 Glyphicon 图标，
我是一名优秀的程序员,十分优秀！