Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 21, 2015 at 6:06 pm #556095
    lpipis

    Hi there,

    I uploaded the .eot, .woff, woff2, .ttf and SVG files of my custom font and their stylesheet.css file to the root directory of my website. I also indicated in the style.css file of Enfold Child Theme (I use the child theme) that for h1 and h2 the custom font should be used. However, custom fonts are only displaying on the front page, and only in Chrome and Opera. In Firefox and IE the custom font is not displayed at all.
    Could anyone help me with this issue?

    My website is currently under development, it is hosted on a subdomain.

    Thanks in advance for any help!

    December 21, 2015 at 9:22 pm #556183
    Basilis

    Hey lpipis!

    your web site could not loaded at all for me, it was spinning for 3-4 min, before I close it.
    Seems that there are some issues with the location of fonts or some scripts and could not allocate all the resources to load it.

    I have assigned some other team members, to give it a look if possible.

    Best regards,
    Basilis

    December 22, 2015 at 11:29 am #556433
    Andy

    Hi!

    at first please update to Enfold 3.4.7 and let us know if you still need help afterwards.

    Best regards,
    Andy

    December 22, 2015 at 3:34 pm #556613
    lpipis

    Hi guys,

    thank you very much for the replies. I updated the theme, however I still have the same problem: custom fonts are displayed only on the front page in Chrome and Opera, no custom fonts in Firefox and IE…

    Best regards,

    Laszlo

    December 23, 2015 at 3:06 pm #556983
    Andy

    Hey!

    Try to deactivate all plugins, to check if one is causing this issue and let us know about your results. If that does not help send us admin access, so we can take a deeper look into it. Are we allowed to deactivate all your plugins temporarily by ourselves as well for testing purposes? also clear browser cache and hard refresh a few times.

    Best regards,
    Andy

    December 28, 2015 at 11:01 am #557650
    lpipis

    Hello Andy,

    I deactivated all plugins and cleared the browser cache, without any success. I would appreciate if you could take a deeper look into the site. I created a new user with admin access for you. You’ll find the access data in the Private Content Section.
    Yes, you are allowed to temporarily deactivate the plugins.

    What I also experienced is that if I visit the website from another computer, some CSS formatting I made in the style.css file of the Child Theme are not displayed.

    Best regards,

    Laszlo

    • This reply was modified 9 years, 2 months ago by lpipis.
    December 29, 2015 at 11:39 pm #558285
    Josue

    Hey!

    Do the following:
    1. Upload the .eot, .woff, woff2, .ttf and SVG files to a /fonts/ folder in your child theme directory (not in root).
    2. Open your child style.css and place this code at the very beginning:

    @font-face {font-family: 'heberling_casual_nfregular'; font-weight: normal; font-style: normal;
src: url('fonts/FILENAME.eot?v=3');
src: url('fonts/FILENAME.eot?v=3#iefix') format('embedded-opentype'), 
url('fonts/FILENAME.woff?v=3') format('woff'), 
url('fonts/FILENAME.ttf?v=3') format('truetype'), 
url('fonts/FILENAME.svg?v=3#FILENAME') format('svg');
}

    Change FILENAME by the actual filenames of your custom font.

    Regards,
    Josue

    December 30, 2015 at 11:18 am #558404
    lpipis

    Dear Josue,

    It works!

    Thank you very much for your help!

    Best regards,

    Laszlo

    December 30, 2015 at 11:41 am #558410
    Josue

    You are welcome Laszlo, glad to help :)

    Regards,
    Josue

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