CSS font code and css font
SimSun
Simhei
SimHei
MicrosoftYaHei
Microsoft is in bold
MicrosoftJhengHei
Xin
NSimSun
New body
PMingLiU
Fine body
MingLiU
Standard entity
DFKai-SB
Imitation Song
FangSong
Bo
conversion:1) The following are our common unitsPx:pixel, pixels, the smallest unit displayed on the screen for web design, intuitive and convenient;Pt:point, is a standard length unit, 1pt=1/72 inches, for the printing industry, very simple to use;EM: That is,%, in CSS, 1em=100%, is a ratio that combines CSS inheritance relationships with flexibility.2) The formula for PX and PT conversions:Pt=px Times 3/
display Chinese and Chinese symbols. The reason for choosing Arial is because:
Windows and Macs are pre-installed with this font, which should be the most widely used Web page font. Its potential rivals, Tahoma and Helvetica, are not so fortunate.
Visual design professionals may think it's better to use Tahoma in Windows and use
install individually. If we set our own installed fonts, on our own computer will be implemented to set the font style, and other users to browse this page when the text font in this page will be very different.
font-family Font Selection
We have tips on choosing
color. Let's take a look at how to use the Font font small icon.Html
At present there are many Fonts icon library, there are charges are also free to use. Common Icomoon,font-awesome and Glyphicon Halflings,glyphicon are free when used under bootstrap. Of course, the domestic Ali department also opened its own icon library.This article explains using the Icomoo
Family Tree (family tree), also known as genealogy, is used to record the relationship between lineage and generation. This article unifies the example, does not use any JS script, uses the pure CSS to create a beautiful family tree (genealogy), also may apply the Enterprise organization chart.
HtmlWe use Div#tree t
CSS font settings
Font familySyntax: font-family: [[Allowed value: Sans-serif (e.g., Arial or Helvetica)Cursive (e.g., zafc-Chancery)Fantasy (e.g., Western)Monospace (e.g., courier)Initial Value: determined by the browserApplicabl
Fontfont-familyfont-sizefont-weightfont-stylefont-variant in addition, font-size-adjust and font-stretch have been removed from CSS 2.1 and will no longer be learned.
Font-family (specified font ):
If the subject na
font-weight allowable value Normal | bold | bolder | lighter | l00 | | | | | |
Font-weight Initial value Normal
Font-weight can inherit is
Font-weight applies to all elements
In order to understand how the user agent determines the weight of the font deformation, we have to
What is Unicode-range?
A look at the name, a lot of small partners may think is something unusual, in fact, this thing is just a strange name, functional critical moment is still very useful.
Unicode-range is a CSS property that is commonly used in conjunction with @font-face rules.
We should not be in a hurry, then we go down 1.1 points, and now many websites will use Microsoft ya Black
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
CSS font-bamboo 1. font-family
Unlimited font list. The font contains spaces and must be enclosed in quotation marks, for example, "Times Now Roman"
Generic font
The computer doesn't say what's wrong. Look at a lot of pages, fonts have changed. It's not the song body. It looks rather ugly.
Take Sohu for a while and see it on my computer. Maybe it's not very comfortable to see. And see NetEase did not have such a problem.
Because the guess is that Sohu didn't set the font for the page. Simply look at their CSS code (without looking at it). Found that there really
I can't tell you what went wrong on the computer. I saw a lot of webpages and the fonts changed. It wasn't Song. It looked ugly.
Take SOHU for example. It seems like this on my computer. It may not be easy to see, but Netease does not.
It is assumed that SOHU does not set the font of the webpage. I briefly read their CSS Code (not detailed ). I found no font-
Webpage CSS style attributes: font common sense, cssfontDeclare the font name (English) and display name (Chinese) of the Chinese font at the same time ):Font-family: SimSun, "";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
, I think "song Body +9pt" is a very beautiful choice. Points is a unit that determines the size of the text, and it works on all browsers and operating platforms.
The following is the difference between the use of px/pt: PX is the English "pixel" pixels abbreviation, the disadvantage is that the page display is not stable, the font sometimes when small, and the use of "point" points, that is, PT does not have this problem.
In addition to PX/PT, you
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.