我正在尝试使用wordpress博客上的花式框格式化内联引用的字体。同时使用chrome和firefox。
我尝试过这两种方式:
1。)在主题的样式表上加载@ font-face,然后在页面本身添加一个html标记。我不希望博客上的所有段落文本都加载该字体,只是加载了fancybox上的div。我知道所有来源都是正确的,因为我已经在html文件中尝试了它们并且它们加载完美。
2。)我尝试在页面html标记本身上加载@ font-face。我添加了一种样式,并将该调用放在页面顶部。然后我以与普通html页面相同的方式引用font-family。
它正在处理一个简单的html页面,这让我觉得我在wordpress中特别做错了。
以下是该页面的网址:http://elparquenuez.com/sandbox/wordpress/?page_id=4
点击第一张图片加载花式框。
答案 0 :(得分: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/,并请记住,您将要在同一个域中拥有所有内容。