Tagged: custom font, font
-
AuthorPosts
-
August 12, 2016 at 10:55 am #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
August 15, 2016 at 3:50 pm #672738Hey 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,
YigitAugust 15, 2016 at 4:17 pm #672778Hi 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,
SadeghAugust 19, 2016 at 5:24 am #674470Hi,
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,
IsmaelAugust 19, 2016 at 6:58 am #674527Hi 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,
SadeghAugust 23, 2016 at 2:35 am #676115Hi,
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,
IsmaelAugust 23, 2016 at 6:37 am #676194Hi 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,
SadeghAugust 25, 2016 at 11:01 pm #677825Hi,
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,
AndyAugust 26, 2016 at 9:09 am #678013Hi Andy,
No problem, you may now close the thread. I will open another one. -
AuthorPosts
- The topic ‘custom font’ is closed to new replies.