Question

我正在使用Wordpress和bootstrap 3制作自定义主题。我正在使用wp nav walker作为菜单。我能够让一切都工作，接受字形。每当我按照帮助文件@ https://github.com/twittem/wp-bootstrap-navwalker插入字形符号时，图标就不会显示，而是显示带有图标名称的工具提示。我想知道我是否将字体文件夹放在正确的位置。我目前在我目前正在处理的主题文件夹的根目录中。

有什么建议吗？

Answer 1

我正在开展几个月的同类项目（https://github.com/bassjobsen/jamedo-bootstrap-start-theme）。我还集成了wp-bootstrap-navwalker。我通过在helpfile中描述的menu-link的title-attribute中设置其名称来测试glyphicons的插入。我没有发现任何问题。

在我的代码中，glyphicon将像b.e一样添加。 <span class="glyphicon glyphicon-bullhorn"></span>所以我没有想到这么特别。默认的Bootstrap文件/包含应足以显示您的glyphicon。

查看boostrap.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');
}

因此，您的文件夹结构应如下所示：

/assets/css/bootstrap.css
/assets/fonts/glyphicons-halflings-regular.eot  
/assets/fonts/glyphicons-halflings-regular.ttf
/assets/fonts/glyphicons-halflings-regular.svg  
/assets/fonts/glyphicons-halflings-regular.woff

注意在这种情况下/ assets /可以是任何路径。

Answer 2

字体文件夹应包含 eot、ttf、svg 和 woff 格式的字形系列。就我而言，我使用的是半身人、普通的和社会普通的。

将字体文件夹上传到主题文件夹应该可以。

as.numeric

Wordpress和Bootstrap 3 glyphicons

2 个答案: