Okay
  Public Ticket #1333468
My own webfotns for h1
Closed

Comments

  • UlfMeyer started the conversation

    Dear Support team,

    I integrated my own webfont Champagne & Lumousines via FTP & CSS.

    If I use the font tag <div style="font-family: champagne__limousinesregular;“> in a normal text element it works fine.

    But for my Custom Headings where I just choose h1 as element tag it does not use the new webfont.

    I added via css for h1:

    h1 {
    font-family: 'champagne__limousinesBdIt';
    font-style: normal;
    }

    Anything I do wrong?

    All the best

    Ulf

    Full custom CSS:

    p {
    font-size: 16px;
    }

    .wrapper,
    .wrapper .main {
    background: #fff;
    }
    .oxygen-top-menu>.wrapper>.top-menu-centered>.main .navs {
    display: none;
    }

    h1 {
    font-family: 'champagne__limousinesBdIt';
    font-style: normal;
    }

    @font-face {
    font-family: 'champagne__limousinesBdIt';
    src: url('champagne__limousines_bold_italic-webfont.eot');
    src: url('champagne__limousines_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('champagne__limousines_bold_italic-webfont.woff2') format('woff2'),
    url('champagne__limousines_bold_italic-webfont.woff') format('woff'),
    url('champagne__limousines_bold_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: 'champagne__limousinesbold';
    src: url('champagne__limousines_bold-webfont.eot');
    src: url('champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('champagne__limousines_bold-webfont.woff2') format('woff2'),
    url('champagne__limousines_bold-webfont.woff') format('woff'),
    url('champagne__limousines_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: 'champagne__limousinesitalic';
    src: url('champagne__limousines_italic-webfont.eot');
    src: url('champagne__limousines_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('champagne__limousines_italic-webfont.woff2') format('woff2'),
    url('champagne__limousines_italic-webfont.woff') format('woff'),
    url('champagne__limousines_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.eot');
    src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
    url('champagne__limousines-webfont.woff2') format('woff2'),
    url('champagne__limousines-webfont.woff') format('woff'),
    url('champagne__limousines-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

    }
    body {

    }

  • UlfMeyer replied

    Dear Support Team,

    I also tried to use Extra class name: .header-titles h1

    }
    .header-titles h1 {
        font-family: 'champagne__limousinesregular';
        font-style: normal;
    }

    But also this not working.
    Hope for a quick result. All the best

    Ulf

  • [deleted] replied

    Hi Ulf,

    It seems that you added the fonts fine but the path of the fonts is not right, as you can see from the Inspect Element > Console area (Video: http://d.pr/DNCkPA+)

  • UlfMeyer replied

    Dear Ylli,

    thanks - I provide a screenshot of my ftp and my css. What would be the right path?

    I am not a programmer. So do I have to use the total path or just a local tag?
    Can you help?

    Ulf

  • [deleted] replied

    Hi Ulf,

    Your fonts are not on the same path as your theme. They are on this folder  assets/fonts so you should specify on your CSS code where your fonts are.

    For the moment i can see that your selected path is:

    http://earthgrademe.com/test/wp-content/themes/oxygen/assets/fonts/champagne__limousines-webfont.woff2

    If you don't know how to do this please send me your Wordpress and FTP credentials and I will check that for you this time because this is a customization question and support doesn't offer customization services as we wrote on our support homepage.

  • UlfMeyer replied

    Dear Ylli,
    thanks for your offer but I can not give you my credentials - but thanks.

    I might get a programmer involved for this - as you stated - notmally this is not part of your support.

    But thanks - you already helped to adress the problem.

    All the best

    Ulf


  • [deleted] replied

    Hi Ulf,

    Ok buddy don't worry for that

    Have a great weekend!