I have the following 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; }
The font exists on the server at /home/{user}/public_html/wp-includes/fonts/dezen_pro_regular.eot
The css looks fine in the web document.
Yet I cannot get the page to recognize the font face.
Page is located at http://dev.investor-com.com/
The slider is the target for my server-side web font
you have to specify the path relative to the CSS-folder.
I.e. if your CSS-file is in /home/{user}/public_html/css you have to write src: url('../wp-includes/fonts/dezen_pro_regular.eot'). The ../ stands for 1 folder up. Repeat it if for every folder you have to go up.