Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #671786

    Hi Kriesi Team,

    > I am using non-English language for my client’s website, then the fonts are not supported by Google fonts.

    > So, I have uploaded desired webfonts in wp-content folder and use @font-face command in theme/Enfold/css/custom.css
    .
    (uploaded fonts are: IRANSans and Dinar)

    Because they want to use both fonts, I put this below codes in custom.css:

    @font-face {
    font-family: 'IRANSans';
    src: url('http://inomax.ir/wp-content/webfonts/IRANSansweb.eot');
    src: url('http://inomax.ir/wp-content/webfonts/IRANSansweb.eot?#iefix') format('embedded-opentype'),
    url('http://inomax.ir/wp-content/webfonts/IRANSansweb.woff2') format('woff2'),
    url('http://inomax.ir/wp-content/webfonts/IRANSansweb.woff') format('woff'),
    url('http://inomax.ir/wp-content/webfonts/IRANSansweb.ttf') format('truetype'),
    url('http://inomax.ir/wp-content/webfonts/IRANSansweb.svg#IRANSans') format('svg');
    }
    fieldset label {
        font-family: "IRANSans" !important;
    }
    @font-face {
    font-family: 'Dinar';
    src: url('http://inomax.ir/wp-content/webfonts/dinar.eot');
    src: url('http://inomax.ir/wp-content/webfonts/dinar.eot?#iefix') format('embedded-opentype'),
    url('http://inomax.ir/wp-content/webfonts/dinar.woff2') format('woff2'),
    url('http://inomax.ir/wp-content/webfonts/dinar.woff') format('woff'),
    url('http://inomax.ir/wp-content/webfonts/dinar.ttf') format('truetype'),
    url('http://inomax.ir/wp-content/webfonts/dinar.svg#IRANSans') format('svg');
    }

    (I hope I did it right)

    > I also add the below codes in Quick CSS from Enfold options:

    body {
        font-family: "IRANSans" !important;
    }
    input[type="submit"], h1, h4, h5, h3, h2 {
        font-family: "IRANSans" !important;
    }
    fieldset label {
        font-family: 'IRANSans';
    }

    (I hope I did it right either)

    My questions are:
    1> How can I add “Dinar” font to some custom elements (not assign it to all the website)? (I already enabled custom css for developers which appears at the bottom of each element)
    – Please let me know about the exact code I should put in Quick CSS to make that happen.

    2> Our fonts are just appeared correctly in some browsers, like Chrome. I want to know how can we fix this?
    Correct form of IRANSans font:
    .
    Incorrect form of IRANSans font:
    .

    Thanks in advance

    #672738

    Hey Sadegh,

    1- Please edit your element and give it a custom CSS class and then add following code to Quick CSS

    .your-custom-class { 
    font-family: 'Dinar' !important;
    }
    

    2- Please refer to this post – http://kriesi.at/documentation/enfold/enable-cors/

    Best regards,
    Yigit

    #672778

    Hi Yigit,
    I have done exactly what you asked for both parts, but it doesn’t take affect.

    Could you please take a more close look to the codes I wrote at the top of this thread? I’m not sure I wrote a correct codes and both problems are still exists.

    Regards,
    Sadegh

    #674470

    Hi,

    1.) Please create a test page with the elements where you want to apply the font.

    2.) On which browser is this font not working?

    Best regards,
    Ismael

    #674527

    Hi Ismael,

    > I created a test page for you (I put the address in the private area). For the first element on that page (text), I want it to show “IRANSans” font -which is works fine right now-, and for the second element (button), I want it to show “Dinar” font, which is not work properly.
    I already named the element “test-pg-title” in the custom css and put the below code in the quick css, but it doesn’t work

    .test-pg-title { 
    font-family: 'Dinar' !important;
    }

    Regards,
    Sadegh

    #676115

    Hi,

    Thank you for the test page. Did you apply the custom css class attribute to the text block? It doesn’t have the custom css class attribute there. For the button, use this:

    #top .test-pg-title a .avia_iconbox_title {
        font-family: 'Dinar' !important;
    }

    Best regards,
    Ismael

    #676194

    Hi Ismael,

    (no problem, the text block is looks okay)

    > About the button, I used your code for the “button“, but it doesn’t work for me.
    Do you have another idea?

    Best regards,
    Sadegh

    #677825

    Hi,

    about which code are you talking about? can you provide us precise links please?
    Would be best to open a new ticket for a new question/issue, otherwise it gets confusing.

    Best regards,
    Andy

    #678013

    Hi Andy,
    No problem, you may now close the thread. I will open another one.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘custom font’ is closed to new replies.