I always use @font-face
in my projects and never had this problem.
I have doubts if you have any problems with my CSS.
@font-face
is not working in Firefox.
My code looks like this.
<link rel="stylesheet" type="text/css" href="css/fonts.css">
The CSS of @font-face
is in the fonts
folder
@font-face {
font-family: 'futura_mdcn_btmedium';
src: url('../fonts/futura_medium/futura_mdcn_bt_medium-webfont.eot');
src: url('../fonts/futura_medium/futura_mdcn_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/futura_medium/futura_mdcn_bt_medium-webfont.woff') format('woff'),
url('../fonts/futura_medium/futura_mdcn_bt_medium-webfont.ttf') format('truetype'),
url('../fonts/futura_medium/futura_mdcn_bt_medium-webfont.svg#futura_mdcn_btmedium') format('svg');
font-weight: normal;
font-style: normal;
}
And in my CSS style it looks like this:
p{
font-family:'futura_mdcn_btmedium' Arial, Helvetica, sans-serif;
}
body{
font-family:'futura_mdcn_btmedium' Arial, Helvetica, sans-serif;
}
I have a folder named fonts
and inside this folder it contains a subfolder futura_medium
there are all files woff / ttf / svg etc.
Did I forget something?