Monday, 1 February 2016

Text Size in Zen CartIn Feburary 2016 01,

In Feburary 2016 01,
This Web cart system uses CSS, or Cascading Style Sheets, to manage the look and feel of your site. CSS allows you to control the size, font face, color and other properties of your Zen Cart text by changing just one place: the style sheet. The HTML pages get their layout information from this file, instead of from individual tags in the pages themselves. In Zen Cart, the primary style sheet is found in “/includes/templates/YOUR-TEMPLATE/css/stylesheet.css,” where “YOUR-TEMPLATE” is the template you have chosen for your Zen Cart installation.
Font Size
You can change text size using the “font-size” property. In most style sheets, you have several options as to how to specify the size. You can list fonts as xx-small, x-small, small, medium, large, x-large and xx-large, where medium is equal to 16 pixel font. You can also specify the font size in pixels or centimeters, but this can cause problems with usability in some versions of Internet Explorer. The preferred method of changing font size in Zen Cart is to set your text to a percentage of the parent font size, such as 62.5 percent, or the equivalent of 10 pixels if the default font is set to medium.
Em
Fonts size may also be set in em. An em is a unit taken from old-fashioned typography, and is a horizontal space equal to the width of a lowercase “m” in a particular font size. In default 16 pixel medium font, one em is equivalent to 16 pixels, but in an 18 pixel font, one em is equivalent to 18 pixels. You can set headers or other special text properties using em in relation to your other settings. For instance, if you set the main font to 62.5 percent, a header set to 1.4 em would produce a 14 pixel font, since the main font is displayed at only 10 pixels high. By using this relative system for setting headers, you can maintain the size relationship between all the text elements in your Zen Cart, even if you change the main font size.
Other Font Properties
The font tag allows you to change more than just the size of your text in Zen Cart. You can also change the font family by using the “font-family” tag, followed by either a generic family, such as “serif,” or a specific family, such as “Arial.” You can change text style from normal to italic or oblique by using the “font-style” tag, followed by the preferred style.
Considerations
You don't have to use individual tags to change font properties in Zen Cart. You can also choose to specify all the properties in one declaration. For instance, if you wanted to change the font to 62.5 percent using the Arial and sans serif families with normal text, you would enter “font: 62.5% arial, sans-serif.” This makes your CSS slightly neater and easier to navigate.
In Feburary 2016 01,

No comments:

Post a Comment