Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 17, 2017 at 1:01 pm #748375
    Designweb

    Hello,

    how i can insert custom fonts ttf to enfold theme. Also, i want to use them with CSS3

    @font-face {
    font-family: myFirstFont;
    src: url(sample.ttf);
    }

    Which folder i will choose to put the custom fonts ttf on Enfold theme and to use CSS3 like above(@font-face…)?

    Thank you

    February 17, 2017 at 1:49 pm #748405
    Yigit

    Hey Designweb!

    Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/

    Cheers!
    Yigit

    February 17, 2017 at 3:45 pm #748503
    Designweb

    It doesn’t help me. Don’t complete font generation. Refer that message. <Web fonts from other distributors cannot be regenerated.>
    Other way to import custom fonts .ttf, .eof, .woff in the WordPress?

    Thank you

    February 19, 2017 at 6:27 am #748967
    Rikard

    Hi,

    Using CSS is no different in WordPress than in web development in general, you can put the font anywhere on your server, just make sure to include the correct URL when importing the font in your CSS.

    Best regards,
    Rikard

    February 20, 2017 at 10:18 am #749248
    Designweb

    Hello,

    i upload custom font (ttf) in my control panel path.
    mydomainname.nn/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/myfont.ttf

    I use CSS3 below code:
    @font-face {
    font-family: myfont;
    src: url(http://mydomainname.nn/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/myfont.ttf);
    }

    Also i set a class in a paragraph e.g. <p class=”text”>This is a paragraph</p>
    And Css
    .text{
    font-family: myfont !important;
    }

    What’s going on wrong? Why don’t change the paragraph font family?

    I have used and other custom paragraph e.g. https://www.fontsquirrel.com/fonts and have the same problem.

    Thank you

    February 21, 2017 at 6:33 am #749740
    Rikard

    Hi,

    I’m not sure unfortunately, did you verify that the font URL actually contains the font? If that is working then we would have to look at the actual element you are applying this to to determine what is going wrong.

    Best regards,
    Rikard

    February 21, 2017 at 12:59 pm #749913
    Designweb

    Hello Rikard,

    now i have create a folder (fonts) inside wp-content. In folder fonts i have upload three custom fonts.

    In css style i use:
    ————————-

    @font-face {
    font-family: font1;
    src: url(http://mywebsite.nn/wp-content/fonts/font1.ttf);
    }
    @font-face {
    font-family: font2;
    src: url(http://mywebsite.nn/wp-content/fonts/font2.ttf);
    }
    @font-face {
    font-family: font3;
    src: url(http://mywebsite.nn/wp-content/fonts/font3.ttf);
    }

    Also i set a class in a paragraph e.g. <p class=”text”>This is a paragraph</p>
    And Css
    .text{
    font-family: myfont !important;
    }

    The fonts doesn’t work. Why?
    Take a look.

    Thank you

    February 24, 2017 at 10:54 pm #751632
    Vinay

    Hi,

    Please refer to this post https://kriesi.at/support/topic/own-custom-font/#post-733898

    You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    February 28, 2017 at 12:06 pm #752867
    Designweb

    ok. thank you

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Custom fonts ttf’ is closed to new replies.