Navigation
Archive / Custom Fonts (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2 3
  • Author
    Posts
  • April 13, 2016 at 11:43 am #880362
    fullframenw
    Participant

    One other issue I ran into: When I paste in the above code to change font to baskerville-italic, it creates a major padding/spacing problem above and below the text. How can I get rid of this?

    April 13, 2016 at 8:10 pm #881211
    John Ezra
    Member

    Hi there,

    Thanks for writing in! Yes, you need to use the @font-face declaration for all fonts that you want to use similar to the other font example. Now regarding the padding and spacing, would you mind pointing to exactly where this on your site so we can take a closer look at it. Thanks!

    April 14, 2016 at 10:54 am #882493
    fullframenw
    Participant

    Hi! I found out what was causing the padding issue below the custom font text: The code given to me had “p” instead of “span”. The p is invalid html.

    Apparently it was originally this:

    Ready to stand out? <br>
    <p style=”font-family: ‘baskerville-italic’, sans-serif !important;”>Let’s connect.</p>

    and now is this:

    Ready to stand out? <br>
    <span style=”font-family: ‘baskerville-italic’, sans-serif !important;”>Let’s connect.</span>

    April 14, 2016 at 3:22 pm #883006
    fullframenw
    Participant

    I’ve added both custom css with @font-face in my child theme and my custom css in appearance and I still can’t seem to get antonio-light to appear on my homepage.

    April 14, 2016 at 9:50 pm #883446
    Rue Nel
    Moderator
    This reply has been marked as private.
    April 15, 2016 at 2:05 pm #884689
    fullframenw
    Participant

    I must be missing a step, because I have uploaded antonio-light into my child theme’s folder on my file manager. Is there some place I also need to upload to?

    April 16, 2016 at 4:09 am #885485
    Rue Nel
    Moderator

    Hello There,

    You can login to your ftp and manually upload the font files. Please keep in mind that you need to upload font-file.ttf, font-file.svg, font-file.woff, font-file.eot, font-file.woff2 as mentioned in your css code.

    Hope this helps.

    April 27, 2016 at 6:20 pm #903185
    fullframenw
    Participant

    Alright, thank you

    April 28, 2016 at 6:45 am #903925
    Rue Nel
    Moderator

    You’re welcome!
    We’re glad we were able to help you out.

    April 29, 2016 at 3:50 pm #906172
    fullframenw
    Participant

    Hi there, I am a little confused… I was told to download and install .ttf, .svg, .woff, .eot, .woff2 files into my file manager via c-panel in order to get web fonts to be viewable on my website. Currently I have baskerville italic on my website and I only have the .ttf file on my server. Why do I need all the other files? It’s working with just the .ttf file, why wouldn’t my other font work just the same?

    April 30, 2016 at 8:32 am #906920
    Christopher
    Moderator

    Hi there,

    Please check this link : http://stackoverflow.com/questions/11002820/why-should-we-include-ttf-eot-woff-svg-in-a-font-face

    Hope it helps.

    May 2, 2016 at 1:17 pm #909512
    fullframenw
    Participant

    Hi! I have added in all necessary font files into my file manager and I am still not getting the font to work. This time the font is “Brandon_light”

    May 2, 2016 at 9:26 pm #910069
    Friech
    Moderator

    Hi There,

    Please read this post: https://community.theme.co/forums/topic/menu-font-changes/page/2/#post-881256

    If you still have an issue after following that post, please provide us FTP credentials so we can take a closer look.

    Cheers!

    May 3, 2016 at 12:39 pm #911143
    fullframenw
    Participant

    Hello, I have followed all the steps exactly from the above link you posted. I am still not able to change fonts.

    May 3, 2016 at 12:40 pm #911148
    fullframenw
    Participant
    This reply has been marked as private.
  • Author
    Posts
1 2 3
  • <script> jQuery(function($){ $("#no-reply-869784 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>