自定义字体不会加载到网页中

Question

我的文件结构

• 日记：
  • diary.html
  • CSS
    • diary.css
  • 源
    • 字体
      • EmblemaOne-Regular.woff

我的css代码是：

@font-face {
font-family: 'EmblemaOne-Regular';
    src: url('../sources/fonts/EmblemaOne-Regular.woff') format('woff');
}

body {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
}

h1, h2 {
color: #cc6600;
text-decoration: underline;
}

h1 {
font-family: 'EmblemaOne-Regular', sans-serif;
font-size: 220%;
}

h2 {
font-size: 130%;
font-weight: normal;
}

blockquote {
font-style: italic;
}

问题是，这个字体不适用于我的h1标题？有人可以解释，为什么？ 顺便说一句，我试图删除引号，使用双引号，删除＆＃34;格式＆＃34;，使用完整的互联网路径。提前谢谢。