JoomlArt Forums 32,862 posts

[jprater1209 Friend jprater1209Join date: April 2008Posts: 108Downloads:0Uploads:3 Thanks: 11]

#139015

I would like to see more “elegant” templates. A template that uses both serif and sans-serif fonts. Some examples of other sites are Scoop by YOOtheme, Perihelion by RocketTheme, and Pariiti by JoomlArt. In other words, non web 2.0 type themes. Just my $0.02.

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#295537

<em>@jprater1209 117137 wrote:</em><blockquote> A template that uses both serif and sans-serif fonts..</blockquote>

In any JA template…

template.css or the particular css file that is there for each theme, in the separated theme folders:

body {

font-family: Arial, Helvetica, sans-serif; <---- PLACE YOUR DESIRED FONT HERE
}

Use the same code:

font-family: Arial, Helvetica, sans-serif; <---- PLACE YOUR DESIRED FONT HERE

And place it in any CSS Code you like to give parts of your sites a variety of font styles.

Example, the text in the active parts of a menu shall have custom font Trebuchet MS and the rest of the site is Arial, then you add the red part to it replacing e.g. the default Arial

#active_menu {
background: url(../images/arrow.png) no-repeat 5px 8px;
color: ffcc33;
font-family: Trebuchet MS;
text-align:left;
}

Same you can do with using serif and sans-serif fonts wherever you like in your site.

Much fun with it!

[Author]

Posts