以下是官方文件中关于字体不渲染的说明。

更改图标字体位置 引导程序假定图标字体文件将位于../fonts/目录，相对于编译的CSS文件。移动或重命名这些字体文件意味着以以下三种方式之一更新CSS: 更改源Less文件中的@icon-font-path和/或@icon-font-name变量。 利用Less编译器提供的相对url选项。 修改编译后的CSS中的url()路径。 使用任何最适合您特定开发设置的选项。

除此之外，它可能是你错过了复制字体文件夹到根目录

如果您正在使用CDN，请确保您使用的是最新版本的CDN链接。我正在使用CDN链接的前一个版本，并试图添加更新的图标，我在网站上找到(其中包含最新版本的图标)，因此它没有显示在网页上。将cdn链接更改为最新版本可能会有所帮助。

我也遇到了同样的问题，浏览器无法找到字体文件，我的问题是由于我的.htaccess文件中排除了不应该发送到index.php进行处理的白名单文件。由于字体文件无法加载，字符被BLOB替换。

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

如您所见，像图像、rss和xml这样的文件被排除在重写之外，但是字体文件是.woff和.woff2文件，因此这些文件也需要添加到白名单中。

RewriteCond %{REQUEST_URI} !\.(jpg|png|gif|svg|css|js|ico|rss|xml|json|woff|woff2)$
RewriteCond %{REQUEST_URI} !-d
RewriteRule ^ index.php [L,QSA]

将woff和woff2添加到白名单中可以加载字体文件，并且字形应该正确显示。

我也有同样的问题，除了在本页的隐藏评论中，我找不到任何关于它的信息。根据Chrome浏览器，我的字体文件加载正常，但图标显示不正常。我把这个作为答案，希望能帮助到其他人。

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

您的字体目录中是否有以下所有文件

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

您必须按以下顺序设置:

<link rel="stylesheet" href="path/bootstrap.min.css"> 
<style type="text/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'); } 
</style>