【发布时间】：2012-04-03 07:20:59
【问题描述】：
我正在尝试向网站添加自定义字体，但我不确定哪里出错了。
在我的 SASS (bourbon) 文件中，我有
@字体脸{ 字体系列：“办公室”； src: url("../fonts/officina/OfficinaSansStd-Book.otf") 格式("opentype"); } 身体 { 字体系列：officina； }非常基本。我查看了该页面的源代码，但在任何地方都没有看到 officina 字体文件链接。应该有一个吗？我担心路径可能是我遇到的问题，但我不确定如何检查。我正在使用rails，但我认为我不需要直接创建到字体的路线。 我也在使用主干，并将字体放在我的资产目录中，这就是为什么它比我的 css 高一级。
【问题讨论】：
-
我对 SASS 不是很熟悉，但是它会生成 CSS 文件吗？如果是，它看起来像什么？参考应该在那里......
-
@Pekka，是的，SASS 会创建一个 css 文件，并且 css 文件包含上面描述的 font-face。
-
你的路径是100%正确的吗？请记住，CSS 文件中的路径是相对于 CSS 文件的，而不是包含它的 HTML 文件
-
当你说你没有看到链接时，这是否意味着你生成的 CSS 文件没有显示 src 行，或者它只是给你一个找不到文件的错误？跨度>
-
@BrianHough CSS 文件本身很好，我不确定是否应该在 html 页面中看到字体文件的条目，但这只是我的愚蠢。由于 Rails 路线，我无法导航到字体文件。