0

我正在为我的网站使用 bootstrap.min.css 进行引导验证。我已经完成了验证，但是缺少字体给我造成了障碍。我添加了一个屏幕短片。请建议我为什么缺少字体？

在此处输入图像描述

bootstrap.min.css 中的代码

.glyphicon-ok:before {
    content: "\e013"
}
.glyphicon-remove:before {
    content: "\e014"
}

它正在萤火虫中，请检查它。我已经尝试了很多，但无法修复它。先感谢您。任何建议将不胜感激。

4

1 回答 1

1

你的问题有很多未知数，

您使用bootstrapvalidator的是什么版本？bootstrap

你feedback icons在JS中包含了吗？

feedbackIcons: {
    valid: 'glyphicon glyphicon-ok',
    invalid: 'glyphicon glyphicon-remove',
    validating: 'glyphicon glyphicon-refresh'
},

您是从本地服务器加载bootstrap.css还是bootstrap.min.css从本地服务器加载？

是否所有字体文件都存在并且名称正确？

字体文件夹路径是否正确？

可能的解决方案。

大多数情况下，如果字体文件丢失或未正确加载、文件夹名称错误或字体文件路径错误，则会发生这种情况

@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

bootstrap.css从 CDN 服务器加载，

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css"/>

如果显示字体图标，则在本地bootstrap.css文件中检查字体路径和文件夹名称是否正确，字体文件是否存在且文件名是否正确。

要获得正确的字体，请转到Bootstrap 主页并下载完整的 .zip 文件。从那里提取四个字体文件到你的字体目录，一切都应该工作。

于 2016-02-12T08:55:40.333 回答