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

Question

我有以下 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/

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

Answer 1

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