[Resolved] New font

[Jamal]

Hi

Take a look here https://generatepress.com/forums/topic/how-to-add-google-font/

[Farokh]

Ok I got it working,

ONLY one question issue. After adding the styles css my theme suddenly changed to rtl, can you tell me which parts of the style css are causing this and should be removed?

body {
	font-family: IRANSans !important;
	font-weight: 300;
	direction: rtl;
	background-color: #E2E2E2;
	margin: 0;
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
.wrapper {
	max-width: 900px;
	margin: 0 auto;
}
.ltr {
	direction: ltr;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-small {
	font-size: 0.8em;
}
.text-xsmall {
	font-size: 0.6em;
}
.text-large {
	font-size: 1.2em;
}
.text-xlarge {
	font-size: 1.4em;
}
.text-underline {
	text-decoration:underline;
}
.text-ultralight {
	font-weight: 200;
}
.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: normal;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: bold;
}
blockquote {
	font-weight: 500;
	padding: 10px;
	border: 1px dashed #666666;
}

.mainbox {
	width: 100%;
	background-color: #EFEFEF;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
}

.mainboxnegativ {
	width: 100%;
	background-color: #000000;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #FFFF33;
	color: #F9F9F9;
}

.mainbox2 {
	font-size: 1em;
	width: 90%;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainbox3 {
	width: 100%;
	background-color: #b8b8b8;
	display: table;
	margin-bottom: 30px;
	border-right: 8px solid #bd70ff;
}

.mainbox2negativ {
	font-size: 1em;
	color: #F9F9F9;
	background-color: #000000;
	padding-right: 20px;
}

.farsiparagraph {
	font-size: 1em;
	width: 47%;
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.englishparagraph {
	font-size: 1em;
	width: 47%;
	float: left;
	direction:ltr;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.rightbox {
	width: 60%;
	padding-right: 20px;
	padding-left: 5px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F7F7F7;

}

.titelbox {
	width: 60%;
	padding-right: 25px;
	padding-left: 0px;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
	min-width: 0px;
	background-color: #F2F2F2;
	color: #4B4B4B;
}

.lefttbox {
	
	padding-right: 20px;
	padding-left: 4px;
	float: right;
	margin-bottom: 10px;
	min-width: 0px;
}

.alphabet {
	width: 35%;
	float: left;
	font-size: 21em;
	text-align: center;
	font-weight: 500;
	color: #999999;
}

.alphabet2 {
	width: 35%;
	float: left;
	direction: ltr;
	font-size: 1.6em;
	text-align: left;
	font-weight: 500;
	color: #333333;
	margin-top: 100px;
}
.footer {
	font-weight: 300;
	font-size: 0.7em;
	text-align: center;
	direction: ltr;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

[Jamal]

Not sure really but in your css you have direction: rtl; , try changing that to ltr and see if it works.

[Farokh]

I got most of it working except H1,H2,H3,H4,H5,H6, and Paragraph seems not working.

This is the CSS I used:

body {
	font-family: IRANSans !important;
	font-weight: 300;
	direction: ltr;
	background-color: #E2E2E2;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, input, textarea {
	font-family: IRANSans !important;
}

I would appreciate any help

[Jamal]

This might be of help https://generatepress.com/forums/topic/changing-fonts-in-body/#post-138849

If that doesnt fix it for the paragraph as well, you can try this in your custom css

p {
    font-family: IRANsans;
}

[Farokh]

HOW about the tags? H1 to H6

[Farokh]

Also when in Typography I use inherit every font changes to PT San serif, but when I use Tahoma, my body font changes to Iransans !? how that is possible, I dont know!

[Jamal]

Looks like there is a problem somewhere so i would advice you to post the whole contents of your child theme stylesheet on pastebin.com and share the link here.

Under Typography > Content have you set them to inherit as well?

From the answers provided by Tom, it looks like you just need to declare the body font in your css and set the others through the customizer setting them to inherit body font.

[Tom]

PT Sans would have to be declared somewhere for it to show up. Maybe a plugin you’re using is adding it to the site?

[Farokh]

DEAR TOM,
Happy new year, and I hope you are enjoying your holiday.

Please take a look at this when you have time.
http://www.lingaline.com

These are last things I did based on other posts on your support and on Jamal’s advice:

1. GP>Typography> All set on inherit
2. Elementor Setting in WP> Default Fonts disabled; to inherit fonts from theme
3. Uploaded fonts> http://www.lingaline.com/public_html/wp-content/themes/generatepress_child/fonts/…
4. Modified Child style.css as below:

http://pastebin.com/1SWuhtSk

I spend two days between support pages and googling and asking friends, still no results;

After all this the font seems to be TAHOMA, don’t know what might be causing this.. 🙁

[Farokh]

I GOT IT MYSELF 🙂

Using chrome INSPECT, I noticed my address was incorrect, I should have omitted the public-html from my address.

This address worked in case anyone else might face such headache;

http://www.lingaline.com/wp-content/themes/generatepress_child/fonts/

[Tom]

Awesome, glad you got it working 🙂

[Author]

Posts