Can't wrap my head around accessing fonts on server (getting 404 errors in console)

Ahhhpeach

New Member
So I downloaded a new font called "Alef". It's in hebrew, but that's irrelevant as I'm unable to activate it. I'm pretty sure I'm doing something really stupid but I've been trying for hours to apply it but with no avail.What I got:8 files: 4 x normal eot, svg, ttf, woff4 x bold eot, svg, ttf, woffAnd a stylsheet file called stylesheet.css, which now contains the following code:\[code\]@font-face {font-family: 'Alef';src: url("/wp-content/themes/duet/Alef-bold.eot");src: url("/wp-content/themes/duet/Alef-bold.eot?#iefix") format('embedded-opentype'), url("/wp-content/themes/duet/Alef-bold.woff") format('woff'), url("/wp-content/themes/duet/Alef-bold.ttf") format('truetype'), url("/wp-content/themes/duet/Alef-bold.svg#alefbold") format('svg');font-weight: bold;font-style: normal;}@font-face {font-family: 'Alef';src: url("/wp-content/themes/duet/Alef-regular.eot");src: url("/wp-content/themes/duet/Alef-regular.eot?#iefix") format('embedded-opentype'), url("/wp-content/themes/duet/Alef-regular.woff") format('woff'), url("/wp-content/themes/duet/Alef-regular.ttf") format('truetype'), url("/wp-content/themes/duet/Alef-regular.svg#alefregular") format('svg'); font-weight: normal; font-style: normal;\[/code\]I have uploaded all files to my theme directory: /wp-content/themes/duet/My main CSS file is called style.css, which is also in the same directory, I added this code to the file:\[code\]@font-face{font-family: 'Alef';src: url('Alef.eot');src: url('Alef.eot?#iefix') format('embedded-opentype'), url('Alef.woff') format('woff'), url('Alef.ttf') format('truetype'), url('Alef.svg#webfont') format('svg');}\[/code\]Then what I did, was add this line to my header.php:\[code\] <link rel="stylesheet" href="http://stackoverflow.com/wp-content/themes/duet/stylesheet.css" type="text/css" charset="utf-8" />\[/code\]And of course I set my p {font-family: Alef;)What am I doing wrong? I'm getting 404 errors for the files in Chrome's console. It shows the CORRECT URL in the right side of the error console though.
 
Back
Top