createtime--2017 December 20 16:43:35Author:marydon1.font-familySyntax: A property value can have one or more, separated by commas between multiple values.Description: If the browser does not support the first font, it will try the next one, using the first value (font) it can recognize.Example:{ font-
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 Geo
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
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
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
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;
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
. YourWebFontName: name of the downloaded font;
2. source: indicates the storage path of your Custom font, which can be relative or absolute;
3, format: This value refers to the format of your Custom font, that is, the four formats mentioned above help various browsers identify
4. weight and style: The width and style of the
English stream direction. However, not all languages do. We know that ancient Chinese is read from right to left, including Hebrew and Arabic.
The direction attribute affects the writing direction of the text in the block-level element, the direction of the column layout in the table, the direction of the element box filled with content horizontally, and the end of the last row in the alignment element at both ends.
CSS
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
A few days ago, when I made the online dictionary service on this site, I had a problem with the English alphabet fonts. In Baidu's English dictionary, the phonetic alphabet is made into an image. When the result is output, the corresponding phonetic alphabet image is output, but I don't want to use this method. I want users to directly see the phonetic alphabet without downloading and installing fonts. I thought of the font import function in
Font Name Property (font-family) This property sets the font name, such as Arial, Tahoma, Courier, and so on. The example is as follows:. S1 {font-family:arial} Font Size property (font
CSS Chinese font garbled solution: The CSS Encoding and HTML page encoding unified together. If the HTML page is Utf-8, CSS, JS also unified into Utf-8 encoding. There is also a way to avoid Chinese characters is to write Chinese characters in English to express CSS Chinese
is a graphical software, but it will fail to convert and compress the Chinese font (in fact, it is not an error, but it cannot be converted). Therefore, if you want to convert the Chinese font, you need to use ttf2eot. Ttf2eot is easy to use: Put the font file and the program in the same directory, and then run ttf2eot Code , You can display your
font size of text in various units of measure.Value: There are four numerical methodsAbsolute size-Define the font size with a specific size table, and you can take one of the following values: Xx-small, X-small, small, medium, large, X-large, Xx-large. Different fonts have different values.Relative size-larger, smaller, the resulting dimensions are relative to the size of the parent container.Length-in mi
Font for CSS attributes)
Font for CSS attributes)
Font: [["|]? [/
]? ]
Composite attributes. The attributes are described below.
It must contain both font-size and font-
Tag: font font-sizeline-height CSS fonts css fontFont of CSS Properties (fonts)font:[[Composite properties, see below for each attribute.Both Font-size and
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.