Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #591402

    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

    #591410

    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, 8 months ago by Guenni007.
    #591412

    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)

    #591416

    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 ?

    #591421

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

    #591424

    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 !

    #591428

    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 :) ]
    .

    #591434

    :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, 8 months ago by Guenni007.
    #591439

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

    #591440

    :)
    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?
    .

    #591460

    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.

    #591461

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

    #591465

    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.

    #591486

    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?

    #591488

    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');
    }
    #591558

    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, 8 months ago by Guenni007.
    #591598

    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.

    #591663

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

    #591773

    what about:

    fieldset .text_input, fieldset .text_area {
        font-family: "IRANSans" !important;
    }
    #592067

    doesn’t work

    #593201

    any update from moderators? :)

    #593474

    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

    #594845

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

    Regards,
    Sadegh

    #596140

    Hey!

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

    Best regards,
    Ismael

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