Bootstrap 验证符号（正确和错误的符号）字体丢失

Question

我正在使用 bootstrap.min.css 进行 bootstrap 验证，我的 website.I 已经完成验证，但是字体丢失为 me.I 添加了一个屏幕截图造成了障碍。请建议我为什么字体不见了？

bootstrap.min.css

中的代码

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

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

Answer 1

你的问题有很多未知数，

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

你在 JS 中包含 feedback icons 了吗？

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');
}

从 CDN 服务器加载 bootstrap.css，

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

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

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

Bootstrap 验证符号（正确和错误的符号）字体丢失

Bootstrap validation symbol(correct and wrong symbol) font is missing

html

css

jqbootstrapvalidation

bootstrapvalidator