Hello
In custom.css, i custom a new font but it is not recognized :(
font-face{
font-family : "Bowhouse-Bold";
src : url('font-awesome/fonts/Bowhouse-Bold.otf'),
src: url('font-awesome/fonts/Bowhouse-Bold.eot') format('eot'),
url('font-awesome/fonts/Bowhouse-Bold.woff') format('woff'),
url('font-awesome/fonts/Bowhouse-Bold.truetype') format('truetype'),
url('font-awesome/fonts/Bowhouse-Bold.svg') format('svg');
}
Can you please help?
Thanks
Hi, Anais.
Path to font is wrong.
If custom.css folder path is: ROOT/templates/socialize/css
And font folder path is: ROOT/templates/socialize/font-awesome/fonts/
Then correct font path in css file should be: ../font-awesome/fonts/Bowhouse-Bold.otf
.. means one folder above
/font-awesome/fonts/Bowhouse-Bold.otf means that folder /font-awesome is inside /css
Hello Michal
Can you please have a second look to help me because i did what you say, clear my cache & the font is still not recognized?
src : url('httpdocs/templates/socialize/font-awesome/fonts/Bowhouse-Bold.otf'),
Thanks
Hi, Anais.
Your path to font was wrong. I gave you example above:
If custom.css folder path is: ROOT/templates/socialize/css
And font folder path is: ROOT/templates/socialize/font-awesome/fonts/
@font-face{
font-family: 'Bowhouse-Bold';
src: url('../fonts/font-awesome/fonts/Bowhouse-Bold.otf') format('opentype');
}