Basic parts to a Changing Font Attributes

Fonts and CSS The font tag has been deprecated in favor of cascading style sheets, so it is a good idea to get familiar with how to change the font color, size, and face with CSS. The one advantage is that working with CSS; you have much more control over the look of the font, including size in pixels and other aspects of typesetting. Font properties in CSS are one of the most common ways to make your page more distinctive and unique. It is easy to change the color, size, and even face (the font itself) of your text with CSS font properties.

color font-family font-size There are three basic parts to a font: Color This is the color the font will display as on the screen. size This is how large or small the typeface will render on the screen. face This is the font family, what is often referred to as the actual font. Font Colors To change the color of the text, simply use the CSS color style property. You can use either color names or hexadecimal codes.

As with all color on the Web, it is best to use browser safe colors. Try the following styles in your Web pages: Colorizing the Web Using Browser-safe Colors Font Sizes When you set the font size on the Web you can set it in relative sizes or be very specific using pixels, centimeters or inches. However, the more exact font sizes are meant to be used for print and not for Web pages, where everyone who views your Web site might have a different resolution, monitor size, or default font setting. Thus, if you choose 15px as your standard size, you might be unpleasantly surprised to see how large or small your font renders to your customers.

I recommend you use ems. Ems allows your page to remain accessible no matter who is viewing it, and ems are meant for screen rendering. Leave your pixels and points for print rendering. To change your font size, put the following style in your Web page: Deciding on Font Sizing in CSS Font Faces The face of your font is the actual font that is used. You can declare any font that you would like, but remember, if your reader doesn't have that font installed their browser will try to find a match for it, and their page will not look like you intended.

To address this problem you can specify a list of face names, separated by commas, for the browser to use in order of preference. Keep in mind that a standard font on a PC (such as Arial) might not be standard on a Macintosh. So you should always view your pages with a minimally installed machine (and preferably on both platforms) to make sure that your page looks as designed even with minimal fonts. One of my favorite font sets is This set is a sans-serif font collection and while geneva and arial do not look terribly similar, they are both fairly standard on Macintosh and Windows computers.

I include helvetica and helv for customers on other operating systems such as Unix or Linux that might not have a robust font library.

Did you find this article useful? For more useful tips & hints, Points to ponder and keep in mind, techniques & insights pertaining to Web Designing, Do please browse for more information at our website :-


How to Structure Your Marriage - Equality is the WRONG basis for marriage.

Exploring Inner Dialogue as it Relates to Self Esteem Issues in Women - Exploration into the concept of Inner Dialogue as it Relates to Self Esteem Issues in Women.

Revealing The Beauty Within - This article will challenge you to look at the beauty you may be hiding within you, and encourage you to truly discover it and maybe even begin to let it shine into your life.

Discover Training Motivation - The most obvious form of motivation is coercion, where the avoidance of pain or other negative consequences has an immediate effect.

Steps To Creating A Life You Love - Follow these 5 simple steps to create a life you love.