[Resolved] @font-face

Home Forums Support [Resolved] @font-face

Home Forums Support @font-face

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #127066
    Adrian Cojocariu
    
    @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 ?

    #127069
    Adrian Cojocariu

    I guess I need woff… thought chrome would read ttf … but it says it will read ttf… i really don’t know

    #127116
    Tom
    Lead Developer
    Lead Developer

    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

    #127136
    Adrian Cojocariu

    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.

    #127140
    Adrian Cojocariu

    Converted it to OTF then created the webkit, hope it works.

    #127148
    Adrian Cojocariu

    Thanks Tom ! ๐Ÿ™‚ It worked, adding all that code to the CSS fixed it.

    #127149
    Tom
    Lead Developer
    Lead Developer

    Perfect – glad I could help ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.