Joomla Templates Club 406,261 posts

[amturner Friend amturnerJoin date: January 2007Posts: 19Downloads:8Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#201856

Hello all, I’m trying to work out what font is used for the “Our Services” feature-1 title text (and the same for the About Us, Featured Projects, etc) on the home page in JA Decor?

And where the css might be for this? I can’t work out what element it is exactly, and how the latter word has a different weight.

Any help pointing me in the right direction would be much appreciated.

Thank you.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#551925

Hi there
It’s


color: inherit; */
font-family: 'Roboto Slab',serif;

It’s google fonts

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

It’s coded in less


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
color: @headings-color;
font-family: @headings-font-family;
font-weight: @headings-font-weight;
line-height: @headings-line-height;
small {
font-weight: normal;
line-height: 1;
color: @headings-small-color;
}
}

Variable declared


@font-family-serif: 'Roboto Slab', serif; @headings-font-family: @font-family-serif;

Thank you,

Viet Vu

1 user says Thank You to jooservices for this useful post

1. amturner

[amturner Friend amturnerJoin date: January 2007Posts: 19Downloads:8Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#551982

Thanks so much Viet Vu. Really helpful.

I’ve been trying to modify the font used in the masshead. I changed the template.css file to read:

.t3-masthead .jamasshead-title {
font-family: 'Roboto Slab', serif;
font-weight: 700;
margin: 0 auto;
font-size: 40px;

But am not having any luck in the Roboto Slab font to display. It has changed from sans-serif to serif, however it is not Roboto slab. Any title in the masshead module doesn’t display as hoped, however other items (like the “Our Team” box style) display as Roboto slab.

Many thanks once again.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#552039

Hi there,
You should not touch into template.css because it’s compiled file from LESS. Please apply into /css/custom.css ( upload your own ) and leave your css code into this one.
And one more think, that’s Google font 🙂
Ref

https://developers.google.com/fonts/docs/getting_started

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. amturner

[amturner Friend amturnerJoin date: January 2007Posts: 19Downloads:8Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#552043

Thanks again Viet Vu! I really appreciate your help. That’s solved it.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#552045

You are welcome come,
Have nice day.

Viet Vu

[Author]

Posts