0

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

有什么建议么？

4

2 回答 2

2

我在同一个项目上工作了几个月（https://github.com/bassjobsen/jamedo-bootstrap-start-theme）。我还集成了 wp-bootstrap-navwalker。我通过在菜单链接的标题属性中设置其名称来测试字形图标的插入，如帮助文件中所述。我没有发现任何问题。

在我的代码中，字形图标将像添加一样添加<span class="glyphicon glyphicon-bullhorn"></span>所以我认为没有什么特别的。默认引导文件/包括应该足以显示您的字形图标。

查看 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/ 可以是任何路径。

于 2013-11-13T21:18:39.207 回答
0

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

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

wp-content > themes > fonts
于 2021-07-16T23:38:59.247 回答