Answer the question
In order to leave comments, you need to log in
font-face not working with certain font
Good evening, habravchane. For 3 hours I've been trying to figure out why the font is not connected.
So, there is a piece of code:
@font-face {
font-family: agfriquer;
src: url(../fonts/a.ttf);
}
It connects the font AGFriquer BoldOblique
Downloaded here ufonts.com/download/agfriquer-boldoblique/192903.html The
text I need is not displayed in this font. BUT! If I replace the a.ttf font in the folder with any other font and also name it a.ttf without changing the code at all, the new font will be displayed.
What is the problem? Has anyone come across?
PS: and I immediately want to ask one more. Where can I find a person, an experienced layout designer, so that I can be his apprentice for a measly 10-20% of the fee? In order for me to complete projects, he pointed out errors, told me what and so. Where to find such?
Answer the question
In order to leave comments, you need to log in
jsfiddle.net/krwtG/
Couldn't find BoldOblique. I don't think there is such a thing. There is a separate Bold and a separate Oblique. choose)
one)
to any other and also call it a.ttf, without changing the code at all, the new font will be displayed.
@font-face {
font-family: 'MyriadProBold';
src: url('/public/fonts/myriadpro-bold/myriadpro-bold-webfont.eot');
src: url('/public/fonts/myriadpro-bold/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/public/fonts/myriadpro-bold/myriadpro-bold-webfont.woff') format('woff'),
url('/public/fonts/myriadpro-bold/myriadpro-bold-webfont.ttf') format('truetype'),
url('/public/fonts/myriadpro-bold/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
}
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question