我们首先稍微调整一下 logo 类型，然后开始将图标添加到主导航中。当我们在 Photoshop 中设计导航时（视频 #007），我们使用了图标字体 Entypo。现在我们也将在 web 上使用它。
我们将字体通过 Font Squirrel @font-face 生成器 运行，它可以确保我们获得所有需要的格式的字体。
我们使用了 CSS3please 来获得使用 @font-face 的最佳/最新版本。
我们参考了 这篇文章，它介绍了 CSS-Tricks 上目前最适合用于图标字体的 HTML（最佳语义，最佳可访问性）。它基本上是这样的
<a href="/" class="home">
<span data-icon="k" aria-hidden="true"></span>
Home
</a>我们在 CodeKit 中遇到了一些奇怪的问题，但这并不影响我们退出并重新启动！
我认为缺少一个屏幕截图，它没有显示如何设置 v10.whatup 才能加载字体
我们在 视频 #017 中设置了它。
感谢 Chris，我喜欢这些屏幕截图！
顺便说一句，我昨天在查看 Entypo 时遇到了这个问题… 我相信它会很有用 Entypo 字符映射
VIMEO!!!!!
哈哈，Rodrigo 我刚好在搜索 Entypo 字符映射，也打算发帖… 我知道我应该先看看评论。
当然还有其他的图标集，我知道 Chris 已经发布了关于 Icomoon 的文章。如果你需要自己制作图标集，我强烈推荐它。
我有一个问题，在我的主导航中，用于选取和锤子的图标显示了音符的图标。但是，在其他地方，这个问题不存在。因此，只有在主导航中，图标关联与图标不对应？
在 IE v8 和 Firefox 中，选取和锤子显示正常，但在 Chrome 版本 22.0.1229.94 m 中没有。根据 Entypo 字符映射（⌂），主页图标在 Chrome 中也不起作用，但在 Firefox 和 IE8 中起作用。但是，我使用了 Daniel Bruce 的过时字符映射版本的家庭图标，它在 Chrome 中起作用 (ï)，但在其他两个浏览器中不起作用。有什么想法吗？
我睡了一觉，第二天就解决了，我不知道是怎么解决的 :)
您好，您是如何进行悬停样式等的？我错过了它。或者它不存在。请告诉我。
您好 Chris，
在这个视频中，图标的字体大小很大，但在实际网站上，它继承了“main-nav a”，但它仍然起作用，为什么？我有点困惑！
在这个系列中，我们使用了 Entypo。Entypo 很不错，但图标由于某种原因超级小。我已经在我的待办事项列表中很长时间了，要回去只加载一小部分图标，而不是整个 Entypo 集。我终于完成了，在 http://icomoon.io/ 上创建了一个自定义集。当我使用该集时，图标的大小是正常的，所以我就没有调整字体大小。
我明白了，感谢您抽出时间为我解释。
我对 Entypo 字体的操作遇到了很多麻烦。我按照您的操作步骤进行，然后进入了 Font Squirrel，您下载的测试/演示文件只是一个普通字体。
我不确定为什么它不起作用，但它显示为普通字体，甚至没有注册我将“@include font-stack-brand”更改为“font-stack-icon”。
使用 Entypo.com 的字符映射可以使它起作用 :P