CSS font settings

Source: Internet
Author: User
Tags lowercase
CSS CSS 2.0 font settings.

There are already some <font&gt on the Headquarters website. </font> Introduction ...
HTML for &LT;FONT&GT; </font> Volume label only:
<font color=colorvalue size=fontsize face= Font ></font> these 3 settings.
About CSS for &LT;FONT&GT; The extended specification of </font> allows us to have a more detailed set of fonts

For the font settings:

font-family: Font name 1, font name 3, font name 3,.....

Displays the font's priority, which is displayed if the font is installed in the computer.
If you set the font, the client's computer is not installed, will be the browser preset font display

Font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large

There are 2 ways to define font size strictly:

1. Absolute
such as: Pt;in These sizes are fixed, will not change because of resolution.

2. Relative
For example: px;em;% These will change with the resolution and current font size ...

Font-style:normal|italic|oblique
Italic body
font-weight:normal|bold|lighter|bolder|100-900
Font weight
Font-variant:normal|small-caps
English lowercase turn font to small capitalization

For the above applications, you can use [CSS] in any one way.
For example:

<title></title>
<style>
span {font-size:20pt;
Font-color:purple;
Font-variant:small=caps;
}

</style>
<body>
<span>Dhtml&Asp</span>
</body>

The font displayed will turn into a smaller capitalization for the 20pt size, purple, and English lowercase.

Or you can also set this:

<title></title>
<body>
<span style= "Font-size:20pt;font-color:purple;font-variant:small-caps" >Dhtml&Asp</span>
</body>

This display font is also 20pt size, purple, English lowercase into a smaller capitalization.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.