The default font style will be different from the browser, different versions, and even the operating system different settings can cause if the direct use of the default style of the page in each browser display very inconsistent, so there is a similar Yui reset and so on to rewrite the browser's default settings to ensure that each browser style consistency.
In the case of fonts, the default font type,
In order to understand how the user agent determines the weight of the font deformation, we have to start with the keywords 100 to 900, and then we'll see how it inherits.
Font-weight allowable Value Normal | Bold | Bolder | Lighter | l00 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
These numeric keywords are used to define a mapping relationship with the font's associated characteristics, that is, the
CSS want to introduce themselves a font, a little afraid of different browsers do not support?
Reply content:
CSS want to introduce themselves a font, a little afraid of different browsers do not support?
Custom fonts are supported in browsers that support CSS3, so don't worry.IE6 or whatever.
Alternate
All CSS Font properties:Font sets all of the fonts properties in a declarationfont-family font family for specified textFont-size the font size of the specified textFont-style the font style of the specified textFont-variant display text in a small uppercase
One of the most confusing aspects of CSS styling is the Font-size property of the text extension in your application. In CSS, you can display the size of text in a Web browser in four different units of measure. Which of the four units is best for the Web? The problem aroused a wide controversy. It is difficult to find a definite answer, because it is so difficul
consistent display to ensure design consistency and improve development efficiency.
Style priority
Typically, the style of the page that the user sees is subject to layer three control:
The first layer is the default style of the browserThe second layer is the page definition styleThe third layer is the user-defined style
Like CSS, the following precedence is higher than the previous one, which means that the page definition style overrides the b
Css font-weight principle, cssfont-weight
Why record it? Because today I want to set a bold character, and then use font-weight: 200, no effect. Now it seems ridiculous that 400 is equivalent to normal, and 200 is not refined. So we need to study the working principle of font-weight.I. Introduction
Resolve IE9 Support CSS Chinese font experienceHow to make CSS using Chinese fonts is still compatible in IE9 browser display. (Music relaxation Chair)One, CSS Chinese font IE9 compatibility problemsAfter using the Chinese font in
Common units
You can set the size of a font in many different ways in CSS. In general, these units are divided into two broad categories: absolute units (absolute) and relative units (relative).
Absolute units are in most cases fixed values relative to some actual metrics, meaning that once they are set, they are not changed by the font size of other elements.
CSS font seems to be simple in the CSS can not be simple, almost every CSS start position will see the Font page fonts definition, if you just contact CSS, and you should look at this tutorial, will be the
The general use of CSS to set font properties is to do this:
Example Source Code [www.52css.com] font-weight:bold;
Font-style:italic;
Font-varient:small-caps;
Font-size:1em;
Line-height:1.5em;
In today's web age, which advocates usability design and user experience design, CSS is also involved. Most people in the CSS code is always defined in the overall font size, in the Chinese case is generally 12px, and in fact, in this way, in the top menu through IE "View-text size" setting has no effect. It is no doubt a bad user experience for a viewer who feel
font:12px/1.5 Arial,\5b8b\4f53,sans-serif What do you mean?Font: Font size/font line high font formatUsing Chinese fonts in CSS usually directly sets the font name, for example, to set
I. Some common global Css
1/** clear internal and external margins **/2 body, h1, h2, h3, h4, h5, h6, hr, p, 3 blockquote, /* structural elements structure element */4 dl, dt, dd, ul, ol, li,/* list elements list element */5 pre, /* text formatting elements text format element */6 form, fieldset, legend, button, input, textarea,/* form elements form Element */7 th, td, /* table elements table element */8 img/* img elements Image Element */{9 border: m
Chinese Amber: Sthupo
Chinese script: Stliti
XXFarEastFont-Xingkai: Stxingkai
Chinese New Wei: Stxinwei
Second, font-family commandThe font-family command for CSS that specifies the font used by the page element. Here is an example.
font
Attribute definitions and usage instructions
The font shorthand property sets all font properties in a declaration.
The properties you can set are (in order):
"Font-style font-variant font-weight font-size/line-height
Examples of CSS reference manualsTo set all font properties in a declaration:P.ex1 { font:italic arial,sans-serif; }p.ex2 { font:italic bold 12px/20px arial,sans-serif; }Try it yourself.Browser support
IE
Firefox
Chrome
Safari
Opera
Font properties are supported by all br
This article brings to you the content is about the CSS font (font) in the different attributes of the introduction, there is a certain reference value, there is a need for friends to refer to, I hope you have some help.
Shorthand Order: style-variant-weight-size/line-height-family
eg
P{font:italic bold 12px/30px Georgia,serif;}
Note: The values for
Common unitsThere are many different ways to set the size of a font in CSS. In general, these units are divided into two main categories: absolute units (absolute) and relative units (relative).
absolute units are, in most cases, fixed values relative to certain actual measures, that is, once they are set, they are not changed by the font size of other e
Css
CSS Properties:
5. Font Properties:
This defines the various properties of the font.
The font-family property defines the name of the font, either a font name or a
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.