Font not showing but installed and defined

  • Hi guys,
    first thanks for reading my post. I have a problem with my font here. I installed the font and defined it with css but now I saw that on random computers still Times New Roman is showing. Is anybody able to help here? I am using the latest version of WordPress and the Impreza theme. I uploaded all the files in my child-theme folder under wp-content. So there are the style.css the woff, ttf, svg, otf and eot files.

    The styles.css looks like this :

    @font-face {
    font-family: ‘KozGoPr6N-Regular-AlphaNum’;
    src: url(‘KozGoPr6N-Regular-AlphaNum.eot’) format(’embedded-opentype’);
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: ‘KozGoPr6N-Regular-AlphaNum’;
    src: url(‘KozGoPr6N-Regular-AlphaNum.otf’) format(‘opentype’),
    url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAVj4ABAAAAAE9lQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAFX+AAAABoA……

    …….format(‘woff’), url(‘KozGoPr6N-Regular-AlphaNum.ttf’) format(‘truetype’), url(‘KozGoPr6N-Regular-AlphaNum.svg#KozGoPr6N-Regular-AlphaNum’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    And then in my styles.css for editing my theme I just use the code :
    font-family : Kozuka Gothic Pr6n;

    I hope you guys are smarter then I am.
    Cheers

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The font name in font-family must match how it’s defined in the font, so either with dashes or, if it includes blanks, it must be in quotes.

    Dion

    (@diondesigns)

    Your CSS has this:

    font-family: ‘KozGoPr6N-Regular-AlphaNum’;

    but you are trying to access the font with this:

    font-family : Kozuka Gothic Pr6n;

    Those names must match in order for the font to be used.

    I also suggest that you do not use spaces or utf8 characters in the font name. You should also combine the two @font-face declarations since they are defining the same font. You might also want to get rid of the base64-encoded woff font and instead load it from a file.

    EDIT: I really wish BBpress had a “notify poster if a post was made while you were composing your post” feature. All other board software has it…

    Thread Starter maxhoehle

    (@maxhoehle)

    Thank you for the answer @diondesigns,

    I tried to change the the code from
    font-family : Kozuka Gothic Pr6n;

    to

    font-family: ‘KozGoPr6N-Regular-AlphaNum’;

    but when I am doing this the font won’t change and still stays in Times new roman. On my laptop everything is fine and the font is showing perfectly as It should, but on random laptops the font is always loading the times font.

    Maybe I am doing something wrong here ? ??

    I did also add this directly to my child themes stylesheet :

    @font-face {
    font-family:”KozGoPr6N-Regular-AlphaNum”;
    src: url(“fonts/KozGoPr6N-Regular-AlphaNum.eot”);
    src: url(“fonts/KozGoPr6N-Regular-AlphaNum.eot?#iefix”) format(“embedded-opentype”),
    url(“fonts/KozGoPr6N-Regular-AlphaNum.woff”) format(“woff”),
    url(“fonts/KozGoPr6N-Regular-AlphaNum.ttf”) format(“truetype”),
    url(“fonts/KozGoPr6N-Regular-AlphaNum.svg”) format(“svg”);
    font-weight: normal;
    font-style: normal;
    }

    because it was said here : https://help.us-themes.com/impreza/faq/

    [Moderator note: Please, No bumping.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font not showing but installed and defined’ is closed to new replies.