什么是正确的URL路径定义@ font-face要加载的Web字体

时间:2014-10-26 12:21:17

标签: css webfonts

我有以下css:

@font-face { font-family: 'DezenPro'; src: url('/wp-includes/fonts/dezen_pro_regular.eot'), src: url('/wp-includes/fonts/dezen_pro_regular.woff') format('woff'), src: url('/wp-includes/fonts/dezen_pro_regular.ttf') format('truetype'); }
#slider-wrapper div.cameraContents h1 { font-family: DezenPro, Buenard; font-size: 4.75em; text-align: left; }

服务器上的字体位于/ home / {user} /public_html/wp-includes/fonts/dezen_pro_regular.eot

css在网络文档中看起来很好。

然而我无法让页面识别字体。

页面位于http://dev.investor-com.com/

滑块是我服务器端网络字体的目标

1 个答案:

答案 0 :(得分:1)

您必须指定相对于CSS文件夹的路径。 即如果你的CSS文件在/home/{user}/public_html/css,你必须写src: url('../wp-includes/fonts/dezen_pro_regular.eot')../代表1个文件夹。如果您需要上传每个文件夹,请重复此操作。