Archived topic
@font-face
6 replies · Started by Adrian Cojocariu on August 6, 2015
@font-face {
font-family: 'avenida';
src: url(http://www.website.com/wp-content/themes/exhibit/fonts/avenida.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
I just can't get it to work ...
.main-navigation a {
font-family:avenida !important;
font-size:15px;
}
I placed it in exhibit css in generatepress css and in custom css, all combinations... it isn't working.
What's wrong ?
I guess I need woff... thought chrome would read ttf ... but it says it will read ttf... i really don't know
You need a few more font types: https://css-tricks.com/snippets/css/using-font-face/
You can generate the necessary files here: http://www.fontsquirrel.com/tools/webfont-generator
Tells me the file is corrupt, but with Use Any Font plugin it worked. The problem with that plugin is that I can only install 1 font.
Converted it to OTF then created the webkit, hope it works.
Thanks Tom ! :) It worked, adding all that code to the CSS fixed it.
Perfect - glad I could help :)