CSS font properties define the font family, boldness, size, and the style of a text. Difference Between Serif and Sans-serif Fonts CSS Font Families In CSS, there are two types of font family names: generic family - a group of font families with a similar look (like Serif or Monospace ) font family - a specific font family (like Times New Roman or Arial ) Generic family Font family Description Serif Times New Roman Georgia Serif fonts have small lines at the ends on some characters Sans-serif Arial Verdana Sans means without - these fonts do not have the lines at the ends of characters Monospace Courier New Lucida Console All monospace characters have the same width Note: On computer screens, sans-serif fonts are considered easier to read than serif fonts. Font Family The font family of a text is set with the font-family property. The font-family property should hold several font names as a fallback system. If the browser does not support the first font, it tries the next font. Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available. Note: If the name of a font family is more than one word, it must be in quot;tion marks, like: Times New Roman. More than one font family is specified in a comma-separated list: For more commonly used font combinations, look at our Web Safe Font Combinations. Font Style The font-style property is mostly used to specify italic text. This property has three values: normal - The text is shown normally italic - The text is shown in italics oblique - The text is leaning (oblique is very similar to italic, but less supported) Example p.normal font-style: normal; p.italic font-style: italic; p.oblique font-style: oblique; Try it yourself » Font Size The font-size property sets the size of the text. Being able to manage the text size.
I am trying to convert my web page to css from old html. I can't seem to get the css to force a default font size of 18px. It seems I have to use around each block of text. I have put the following in the head section: All elements except the font size seem to work. The font size displayed is smaller than 18px. What am I doing wrong?.
Download Now