Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 4, 2018 at 7:11 pm #893342
    Caracter

    Hello,

    I downloaded the Helvetica Neue 45 Light from MyFonts, along with another font (Bauer Bodoni).
    So the files have the same origin, and the same licensing. The font Bodoni works fine, but the Helvetica Neue 45 Light doesn’t.
    I have entered the right code in my CSS :

    @import url(“//hello.myfonts.net/count/354f7f”);

    @font-face {
    font-family: ‘HelveticaNeueLTStd-Lt’;
    src:url(‘fonts/354F7F_F_O.eot’);
    src:url(‘fonts/354F7F_F_O.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/354F7F_F_O.woff2’) format(‘woff2’),
    url(‘fonts/354F7F_F_O.woff’) format(‘woff’),
    url(‘fonts/354F7F_F_O.ttf’) format(‘truetype’),
    url(‘fonts/HelveticaNeueLTStd-Lt.svg#svgHelveticaNeueLTStd-Lt’) format(‘svg’);
    }

    p, span, body {
    font-family: ‘HelveticaNeueLTStd-Lt’, Helvetica, sans-serif !important;
    }

    And the font doesn’t work. When I replace this code with the Bodoni font whit this code :

    p, span, body {
    font-family: ‘BauerBodD-DemBol’, Helvetica, sans-serif !important;
    }

    It works ! So the files of the Helvetica Neue 45 Light are the problem. Yet they are perfectly ordered in my FTP, in a file “fonts” in my child theme file. I have searched through a lot of forums and I don’t understand what I’m not doing right… Especially when other fonts work juste fine with the very same lines of code ! Can you help me ? Do you think the code is the problem or the font files are ?

    Thank you for your help.

    January 5, 2018 at 7:27 am #893579
    Rikard

    Hey Caracter,

    Thanks for the link, I checked the font on the page you linked to but they all seem to be plain Helvetica? Maybe I’m looking at a coming soon page? I’m not sure to be honest :-)

    Best regards,
    Rikard

    January 5, 2018 at 3:06 pm #893718
    Caracter

    Hey Rickard,

    The font is supposed to be Helvetica Neue 45 Light, not Helvetica. :)

    Best regards

    January 8, 2018 at 3:58 am #894564
    Ismael

    Hi,

    Did you add the code in the style.css file? Please try to use absolute urls. Example.

    https://www.mysite.com/wp-content/themes/child/fonts/font.eot

    Best regards,
    Ismael

    January 8, 2018 at 11:10 am #894641
    Caracter

    Hello,

    Yes, I added the code in the style.css file. I don’t understand where I should put your code ? On top of the file ? At the bottom…?

    My current style.css looks like this : 

    @import url("//hello.myfonts.net/count/354f7f");

/*
Theme Name: Theme enfant
Description: Theme enfant de Julie WPServeur
Author: Julie - WPserveur
Author URI: https://www.wpserveur.net
Template: enfold 
Version: 0.1.0
*/

@font-face {
font-family: 'BauerBod-Reg';
src: url('fonts/354F7F_B_0.eot');
src: url('fonts/354F7F_B_0.eot?#iefix') format('embedded-opentype'),
url('fonts/354F7F_B_0.woff2') format('woff2'),
url('fonts/354F7F_B_0.woff') format('woff'),
url('fonts/354F7F_B_0.ttf') format('truetype'),
url('fonts/BauerBod-Reg.svg#svgBauerBod-Reg') format('svg');
}

@font-face {
font-family: 'BauerBodD-DemBol';
src: url('fonts/354F7F_5_0.eot');
src: url('fonts/354F7F_5_0.eot?#iefix') format('embedded-opentype'),
url('fonts/354F7F_5_0.woff2') format('woff2'),
url('fonts/354F7F_5_0.woff') format('woff'),
url('fonts/354F7F_5_0.ttf') format('truetype'),
url('fonts/BauerBod-Reg.svg#svgBauerBodD-DemBol') format('svg');
}

@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src:url('fonts/354F7F_F_O.eot');
src:url('fonts/354F7F_F_O.eot?#iefix') format('embedded-opentype'),
url('fonts/354F7F_F_O.woff2') format('woff2'),
url('fonts/354F7F_F_O.woff') format('woff'),
url('fonts/354F7F_F_O.ttf') format('truetype'),
url('fonts/354f7f_f_O.otf') format('otf'),
url('fonts/HelveticaNeueLTStd-Lt.svg#svgHelveticaNeueLTStd-Lt') format('svg');
}

h3, h4, h5 {
font-family: 'BauerBod-Reg', Arial, sans-serif !important;
}

h1, h2, h6 {
font-family: 'BauerBodD-DemBol', Arial, sans-serif !important;
}

p, span, body {
font-family: 'HelveticaNeueLTStd-Lt', Helvetica, sans-serif !important;
}

    Where do I have to put the absolute urls like the one you gave me ?

    Thank you in advance,
    Julie

    January 8, 2018 at 11:22 am #894648
    Caracter

    Ismael,

    I have tried your solution to replace the source by absolute urls. It didn’t work.
    As I said in my first post, my code is correct, because it works with all the others fonts, except for the Helvetica Neue 45 Light.

    So, I repeat my question, do you think that the font files are the problem or is it WordPress ?
    I downloaded the Helvetica Neue 45 Light on MyFonts, just like the Bodoni, so the files are the same but the Helvetica does not work.
    Have you ever encountered such problem ?

    Best regards,
    Julie

    January 9, 2018 at 4:57 am #895074
    Ismael

    Hi,

    Alright. Please post the login details in the private field so that we can check the codes and do a few tests.

    Best regards,
    Ismael

    January 10, 2018 at 3:47 pm #895705
    Caracter

    Here are the links.

    Thank you very much,
    Julie

    January 11, 2018 at 8:01 am #896026
    Ismael

    Hi,

    There are errors in the console. The font files are not found.

    Failed to load resource: the server responded with a status of 404 (Not Found)
13:59:10.853 (index):1 Slow network is detected. Fallback font will be used while loading: http://www.wp.caracter.fr/wp-content/themes/monthemeenfant/fonts/35847E_0_O.woff
13:59:11.316 35847E_0_O.woff Failed to load resource: the server responded with a status of 404 (Not Found)
13:59:11.316 (index):1 Slow network is detected. Fallback font will be used while loading: http://www.wp.caracter.fr/wp-content/themes/monthemeenfant/fonts/35847E_0_O.ttf
13:59:11.782 35847E_0_O.ttf Failed to load resource: the server responded with a status of 404 (Not Found)
13:59:11.790 (index):1 Slow network is detected. Fallback font will be used while loading: http://www.wp.caracter.fr/wp-content/themes/monthemeenfant/fonts/354F7F_F_O.woff2
13:59:12.254 354F7F_F_O.woff2 Failed to load resource: the server responded with a status of 404 (Not Found)
13:59:12.254 (index):1 Slow network is detected. Fallback font will be used while loading: http://www.wp.caracter.fr/wp-content/themes/monthemeenfant/fonts/354F7F_F_O.woff
13:59:12.720 354F7F_F_O.woff Failed to load resource: the server responded with a status of 404 (Not Found)
13:59:12.721 (index):1 Slow network is detected. Fallback font will be used while loading: http://www.wp.caracter.fr/wp-content/themes/monthemeenfant/fonts/354F7F_F_O.ttf
13:59:13.184 354F7F_F_O.ttf

    Are you sure that the file names are correct?

    Best regards,
    Ismael

    January 11, 2018 at 11:32 am #896099
    Caracter

    Omg I did not see that I replaced a “0” with an “O” !!! I can’t believe I did not see this mistake !

    Thank you so much for your help !!

    January 12, 2018 at 5:58 am #896427
    Rikard

    Hi,

    Hehe, it can be an easy thing to miss. Glad you spotted the problem though :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 12, 2018 at 10:59 am #896506
    Caracter

    Hi Rikard,

    You can close the topic.

    Best regards,
    Julie

    January 13, 2018 at 4:47 am #896805
    Ismael

    Hi,

    Alright. Glad we could help. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Font Helvetica Neue 45 Light won't work’ is closed to new replies.