-
AuthorPosts
-
March 1, 2016 at 8:34 am #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
March 1, 2016 at 9:02 am #591410so 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.
March 1, 2016 at 9:06 am #591412Where 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 #591416please 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 #591421I 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 #591424March 1, 2016 at 9:34 am #591428Yes 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: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.
March 1, 2016 at 10:18 am #591439sorry – now i’m at the end of my زبان فارسی you have to wait for a moderator now
March 1, 2016 at 10:20 am #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?
March 1, 2016 at 11:27 am #591460btw 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 #591461Thank 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 #591465http://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 #591486btw : 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 #5914881. 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 #591558i 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.
March 1, 2016 at 3:47 pm #591598I 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 #591663Any answer or confirmation from moderators would be appreciated :) [with thanks to Guenni]
March 1, 2016 at 9:11 pm #591773what about:
fieldset .text_input, fieldset .text_area { font-family: "IRANSans" !important; }
March 2, 2016 at 2:07 pm #592067doesn’t work
March 4, 2016 at 11:07 am #593201any update from moderators? :)
March 4, 2016 at 7:30 pm #593474Hey!
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,
YigitMarch 8, 2016 at 7:43 am #594845Hi Yigit,
The problem is solved now. There was a mistake that I had made in quick css codes :)Regards,
SadeghMarch 10, 2016 at 8:31 am #596140 -
AuthorPosts
- The topic ‘custom font –’ is closed to new replies.