css - 字体和 Wordpress

Question

我正在尝试使用 wordpress 博客上的花式框来设置内联引用的字体样式。同时使用 chrome 和 firefox。

我试过这两种方式:

1.) 在主题的样式表上加载 @font-face，然后在页面本身上添加一个 html 标记。我不希望博客上的所有段落文本都使用该字体加载，只是 fancybox 上的内联 div。我知道所有来源都是正确的，因为我已经在 html 文件中尝试过它们并且它们可以完美加载。

2.) 我试过在页面 html 标记本身上加载 @font-face。我添加了一种样式并将该样式的调用置于页面顶部。然后我以在普通 html 页面中工作的相同方式引用字体系列。

它在一个简单的 html 页面上工作的事实让我觉得我在 wordpress 中做错了什么。

这是页面的 URL:http://elparquenuez.com/sandbox/wordpress/?page_id=4

点击第一张图片加载花式框。

Answer 1

您的这段代码几乎没有什么是正确的:

                                          <style type="text/css"><p>@font-face {font-family: "fanwood";src: url(http://localhost:8888/html5/fanwood/Fanwood.otf);}</p></style>

咨询http://reisio.com/examples/webfonts/或 http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ , 请记住，您需要同一域中的所有内容。