缺少Bootstrap验证符号（正确和错误的符号）字体

Question

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

bootstrap.min.css中的代码

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

它正在进入萤火虫，请检查它。 我已经尝试了很多，但无法修复它。 先感谢您。 任何建议都会非常感激。

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文件。将四个字体文件从那里解压缩到你的fonts目录，一切都应该有效。