Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • March 1, 2016 at 8:34 am #591402
    Sadegh

    Hi Kriesi Team,

    During past months, I was using FontPress in order to show custom fonts in my website, but we found that this add-on might caused a problem to our website.

    So, would you please help me to know how could we show our desired font? How could we use custom font I mean
    (for instance, if you could take a look to the header of this page of my website + , in the Layerslider box, you can see the font is exactly the one we want to be in all of the pages. Although I knew how could I call it in Layerslider, but I don’t know how is it possible to use this font to all of my website pages)

    Thanks in advance

    March 1, 2016 at 9:02 am #591410
    Guenni007

    so if its not a google font i think you had to use @font-face

    https://css-tricks.com/snippets/css/using-font-face/

    Edit: but the font is active in your site (Iran sans)
    what about: 

    body {
    font-family: "IRANSans Regular" !important;
}

    or:

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

    do not use multiple Fonts for your css rules like:

    input[type="submit"], h1, h4, h5, h3, h2 {
    font-family: "IRANSans Regular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

    so it will fallback got helvetica

    • This reply was modified 8 years, 9 months ago by Guenni007.
    March 1, 2016 at 9:06 am #591412
    Sadegh

    Where should I put @font-face commands?

    (Right now, in my wp-content, I have created a folder -name: webfonts- and uploaded my desire font inside it)

    March 1, 2016 at 9:13 am #591416
    Guenni007

    please try first the edited comment.

    edit: what do you have on Enfold Options / general options – there is an input field “Websafe fonts fallback for Windows”
    did you activate that ?

    March 1, 2016 at 9:23 am #591421
    Sadegh

    I made the changes you said, still doesn’t work :)
    [it seems to be worked just on Microsoft Edge]

    March 1, 2016 at 9:27 am #591424
    Guenni007

    hm on my browser it changes the font

    you see that the font is used – on the right side you see that the p tag inherited the font from body !

    March 1, 2016 at 9:34 am #591428
    Sadegh

    Yes Guenni, but the font that you are seeing now is not “IRANSans Regular”.

    You may find this font in our Layerslider part in this page +

    Here is a picture for your reference:
    Number 1: IRANSan Regular font
    Number 2: maybe Arial font [but it is not what we would like to see :) ]
    .

    March 1, 2016 at 10:03 am #591434
    Guenni007

    :lol: where does the instruction with fontfamily come from in the origin ?

    the font named : “iransans” (and that you use in the layerslider as definition)

    so please try this:

    body {
    font-family: "iransans" !important;
}

    please be patiently with me, for me it looks all the same :wink

    • This reply was modified 8 years, 9 months ago by Guenni007.
    March 1, 2016 at 10:18 am #591439
    Guenni007

    sorry – now i’m at the end of my زبان فارسی you have to wait for a moderator now

    March 1, 2016 at 10:20 am #591440
    Sadegh

    :)
    Thank you Guenni, it worked!
    [I’m not sure where did the instruction with fontfamily name came from at first place, maybe it was related to the first add-on we used, FontPress.]

    But thanks again for your help :smile
    –
    And dear moderators, may I know how this font could be also appeared in Contact fields?
    .

    March 1, 2016 at 11:27 am #591460
    Guenni007

    btw i tested it with generating web font files (woff …) and implement the file via custom.css.

    Is this the right font? http://webers-testseite.de/enf02/iransans/

    i looked here : https://www.pagelines.com/adding-custom-fonts-to-wordpress/

    and made via font-squirrel the fonts you needed.

    March 1, 2016 at 11:31 am #591461
    Sadegh

    Thank you Guenni, but actually no, it is not the right font. It looks like Tahoma font to me.

    March 1, 2016 at 11:50 am #591465
    Guenni007

    http://webers-testseite.de/enf02/iransans/

    have a look again – maybe i copied the wrong thing from your site. This is from your slider.

    try to go the way with your font
    https://www.pagelines.com/adding-custom-fonts-to-wordpress/

    it seems to be the best way.

    March 1, 2016 at 12:29 pm #591486
    Guenni007

    btw : isn’t it browser concerning. I thought of the primary language in my browser. When browsing to your site with a primary language e.g. German do i realy see those font-families? or do i look to a web save font?

    March 1, 2016 at 12:35 pm #591488
    Sadegh

    1. I’m not sure, but the font is still seems not okay in your website. (you could compare the font to the one in our website) But it is not important as my main problem is solved by your help.
    (btw: it doesn’t related to your browser language. Now, when you visit our website, you should see the font as like as we see in our own language)
    –
    2.I’m just having a problem with using iransans font in contact fields. (as I’ve already showed that in an image)
    I have this code in my childtheme Style.css:

    @font-face {
font-family: 'IRANSans';
src: url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.eot');
src: url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.eot?#iefix') format('embedded-opentype'),
url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.woff2') format('woff2'),
url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.woff') format('woff'),
url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.ttf') format('truetype'),
url('http://i-signage.ir/wp-content/webfonts/IRANSansweb.svg#IRANSans') format('svg');
}
    March 1, 2016 at 2:50 pm #591558
    Guenni007

    i think i child theme it does not work.
    You can place it in custom.css ( enfold/css/custom.css) that seems to be the better place.

    try this first:

    fieldset label {
    font-family: "IRANSans" !important;
}
    • This reply was modified 8 years, 9 months ago by Guenni007.
    March 1, 2016 at 3:47 pm #591598
    Sadegh

    I did what you said,
    Although fields names are now gets okay (thanks for that), but the inside texts is not typed in proper font.

    March 1, 2016 at 4:55 pm #591663
    Sadegh

    Any answer or confirmation from moderators would be appreciated :) [with thanks to Guenni]

    March 1, 2016 at 9:11 pm #591773
    Guenni007

    what about:

    fieldset .text_input, fieldset .text_area {
    font-family: "IRANSans" !important;
}
    March 2, 2016 at 2:07 pm #592067
    Sadegh

    doesn’t work

    March 4, 2016 at 11:07 am #593201
    Sadegh

    any update from moderators? :)

    March 4, 2016 at 7:30 pm #593474
    Yigit

    Hey!

    Sorry for the late reply! :)
    Do you mind posting FTP and admin logins here privately so we can look into it? Where have you uploaded your fonts?

    Regards,
    Yigit

    March 8, 2016 at 7:43 am #594845
    Sadegh

    Hi Yigit,
    The problem is solved now. There was a mistake that I had made in quick css codes :)

    Regards,
    Sadegh

    March 10, 2016 at 8:31 am #596140
    Ismael

    Hey!

    Great! Glad you and @Guenni007 solved it. :)

    Best regards,
    Ismael

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