字体是最重要的细节 字体,字体设计

1、字体是最重要的细节 - 字体,字体设计 : Font is the webpage that the most important detail is not originality property, the most serious content, it is a character. Appeared character, can appear the detail such as degree of finish of size of color of choice of text composition, font, font. And these detail, often be

2、 very important detail. Good font composing, can let a person read those scripts patiently, get among them important information next, still can affect mood of reading of the person that browse. In the meantime, the choice of font, size, the VI that still should coordinate a business identifies a sy

3、stem, the thought feeling that still needs to cooperate your work to need expression will decide (for example classicism, should choose gothic font to wait) . Good, about the importance of font, I say so much, saying more again also is gibberish, it is very important to want everybody to know only,

4、it is good to should choose to adjust well. The classification of font and format line line and line of line of the line that do not have line are the little detail of a kind of auxiliary sex, talk generally, too too abstract, we will see two case: These two font, it is font of line having line, eve

5、rybody can see the position in edge horn, meet many a few decorate. Such advantage is, OK and clear resolution gives letter and character, of resolution stroke initiative and stop. But, if this kind of font sets font size too little word, or you are further from the character, can be affected by lin

6、e line, resolution is unsharpness. In the meantime, as a result of all of Department of Chinese Language and Literature, acquiescent font is body of the Song Dynasty, those who see is too much bring about aesthetic exhaustion, so line line font suits to print quite use in character and normal docume

7、ntation, suit to use not quite normally in the webpage. These two font, do not have line line font namely, do not have edge horn decorate, your person looks very orderly and smooth, without burr. Suit to be used in the webpage quite, the person that let browse gets much literal information and wont

8、fatigue. The biggest difference between font series font does not depend on having the line that do not have line, and depend on font and font between, the difference of body. But a lot of font (especially English font) between, difference is not big, a little new style is the generation after under

9、taking subtle transforming to already having form of a written or printed character even. Then, divide form of a written or printed character into a few old series, same a font in series, general and identical, call current style series. Include among them the following 5 series: Serif: Take line li

10、ne form of a written or printed character. Times New Roman is acquiescent Serif font, the word of Chinese font, it is the font of and so on of body of the Song Dynasty, imitation Song-Dynasty-style typeface. Sans Serif: Without line line font. Arial is acquiescent Sans-serif font, in Chinese font, m

11、icrosoft is elegant black, boldface is this kind of font. Monospace: Wait for wide font. Every letter inside this font has identical breadth. Use at showing program code to wait normally, courier is acquiescent Monospace font. And to Chinese, every Chinese character is to wait wide. Cursive: Imitate

12、 handwritten style. Handwritten form, compare individual character, use at caption, Logo to wait a moment normally. This font series does not have acquiescent font, for English, use Comic Sans normally, the word of Chinese, the font of running hand series, cursive series, can count handwritten font.

13、 Fantasy: Adornment uses style. Majority is used at caption, have individual character extremely, font is various, artistic form of a written or printed character. The final conclusion that cannot unite to the next of its size, appearance, do not have acquiescent font so, in the webpage, also use ra

14、rely normally, unless you have the design of special good originality sex. The more explanation about current style series, description and font citing, recommend everybody to examine the data on W3school. The form form of font shows font shows the degree of finish that come, width and attitude to w

15、ait a feature a moment namely. See this piece of picture below: The word inside, be same size, discharge at the same time go up in a perpendicular line. After using 4 kinds of different style for its, reflect the configuration that came out to differ and volume of degree of finish. In Chinese font,

16、different style, do not have very big change normally in word span. And in English font, different style can change abecedarian size, the dimension position that causes whole is different, cause whole composing disorder then. Same font size, below different style, indication result differs almost co

17、mpletely. This is English font in the choice, compare trouble and headaching problem. These theory above the choice of font, come from certain angle and meaning say, it is gibberish. How to choose appropriate style, talent is real suit is actual. So how should we choose the style that uses in the we

18、bpage? Solve this problem, we should know why to want kink first at choosing style this problem. My individual thinks to should exist practical with originality sex the element of these two respects. Originality sex is very good understand, want to break through convention namely, the webpage that c

19、ooperates his devises an idea mediumly and choose corresponding style, convey the thinking of programmer for example, use to code wait for wide font, expression is horrible, classic, use gothic font to wait a moment. It is good to go to at this oclock oneself look for font, no longer give uncecessar

20、y details. The mainest problem is to depend on practical aspect. Practical problem, do not need namely too too luxuriant font, the comfortable, takes him place a little distinguishing feature that needs everybody to look only can. You can say, very easy, direct CSS defines, it is good to write last

21、scripts. If true such, that is too good. The browser is analytic the process of font is actually such, after CSS of browser to load, analytic the style to concerned font, it can search this font in your system, found corresponding font document only, just meet be opposite according to that font file

22、 the character in the webpage undertakes apply colours to a drawing, show the result that you want. Since such, if your operating system is medium, did not install the sort of font of the definition in the webpage, cannot the effect that apply colours to a drawing gives the sort of form of a written

23、 or printed character, and the acquiescent style that uses current system normally comes apply colours to a drawing. So your original design, washed-up, when you are designed, feel to had been held out, font, position, size is proper, but go up in the computer of others, the body of the Song Dynasty

24、 of all of one suit. So this problem, just be the difficulty location that chooses style. Of course, have a problem settle way: Use classical and current style different operating system has different font system, but since be font, the form of a written or printed character that always a few compar

25、e classical old brand is collective consist in in each systems. Do not have the Arial font of line line for example, the time that it produces is earlier, the price is low at the same time, so from inchoate be used by Windows operating system, in other operating systems, also can have the better ind

26、ication effect that is different from acquiescent font. Guest of rich of M of the person that so I love water to boil fish, move under water these websites, use a style in the statement in CSS directly: Arial. Use the method above many font attribute very simple, but not agile, pay attention to simp

27、le and do not pay attention to detail. What CSS does is very good, it can be in a webpage, statement appoints many font, should write the script of advanced face so, some words are done not have in current operating system, can use from the back font takes sbs place. See work of a few webpages when

28、you so when, can discover the Font-family attribute in its CSS, designated the font name of one pile. But this also can be not appointed casually, also have a few notes. You should be done so, decide to the style that uses needs in your webpage first, belong to which font series to have certainly ne

29、xt without other close form of a written or printed character and derivative body, write font property next. Be as follows orderly: The style that wants to use most “ “ the close font that can replace “ “ close is general font. Write a law as follows for example: Font-family: Times, timesNR, New Cen

30、tury Schoolbook , georgia, New York , such Serif; meaning is, font of preferential use Times, next if the system is done not have, search with model the TimesNR font of different name, if do not have, search the other form of a written or printed character such as the close font New Century Schoolbo

31、ok in the system, finally if cannot be found, use current style Serif, such browsers can search the acquiescent font of the line do not have line in the system, will replace. The unit that the size of font chooses to describe font volume is in CSS, the most commonly used unit that describes font vol

32、ume has two: Em, Px. Think Em is opposite measurement unit normally, px is very size unit. But will tell from inside applying actually, px resembling element also is unit of a kind of opposite measurement actually. For example, be in 15 inches of resolution are 800 on the 600 screen that resemble el

33、ement, the character of 10px size, should compare 10 inches of resolution 1024 the character of the 10px size on the 768 screen that resemble element appears a few bigger. Below for their distinction and usage. Px: Resemble element unit, 10px represents 10 bulk resembling element, in present webpage

34、 design, often be used to represent font bulk. Very convenient very intuitionistic, but have a few corrupt practice. Not quite friendly to usability, because be “ absolutely “ unit, have some of browser so (inchoate) font enlarge is contractible functional invalidation. The acquiescent font size of

35、the browser is 16px, inchoate webpage, because screen resolution is lower, use 12px to regard the standard font of webpage text as size normally. But now, the feeling slants a bit small, for longer article, the person that browse looks laborious. Now I more the view uses 14px to regard a standard as

36、 font, 16px serves as medium font, 18px serves as older style, 12px serves as slant small character system is more appropriate. Em: Relative to size, it is denotive font size is not fixed, undertake the processing of opposite size according to fundamental font size. The font size with acquiescent br

37、owser is 16px, if you appoint 1em to a paragraph of character, so what expression comes out is 16px size, 2em is 32px size. Opposite measurement unit has very extensive use, as a result of its relativity, the font volume that steps equipment to crossing platform so has advantaged advantage on proces

38、sing, also have very great help to answering the layout of type to design at the same time. But weakness is apparent, you cannot see size intuitionisticly, and to different measurement, you need mathematical calculation. Font just said two kinds of units that describe font volume above the size that

39、 actual performance comes out, but the font size that actually expression comes out, be not the numerical value before simple unit. Besides numerical value, lurk person M individual thinks to still follow equipment and apparent distance to concern. Equipment points to the resolution of indication eq

40、uipment and screen volume namely, the face explains the relativity of Px unit is identical in front of, if be in a very big resolution low-down screen (resemble square electron screen) , although very small resemble element, also can reveal a very big word. This namely why inchoate 800 600 infestati

41、on resembling element when, everybody is the account that uses 12px measurement. Because of indication character already enough big. Apparent distance shows the person that browse sees literal space namely. Apparent reason, eye distance screen is further, look the character above with respect to dec

42、rescent. When choosing size of the font in the webpage so, use a convention actually what still need the user that considers you. Same a webpage, go up in jotter and use on the mobile phone when, font size not should identical, because computer screen is big resolution is high, and apparent distance

43、 is compared normally close and fixed, the screen small resolution such as the mobile phone is inferior, apparent distance is closer (everybody likes to lying to perhaps bending over to play a mobile phone) , so these want a consideration, ability gets a reasonable bulk. Why be even font size passes

44、 the unit introduction above, to Px unit in, I am lifted example is 12px, 14px, 16px, 18px is waited a moment, is be what 11px, 15px? This involves a toothed issue, it is especially in inchoate monitor, often cannot handle toothed issue of the character very well, and of use odd number resemble elem

45、ent, cause extremely likely toothed, use even measurement acquiescently normally so. The color choice of the color choice font of font is an important detail likewise, but involve nuance, had exceeded the range that the article should discuss, be here so, I am forced to say simply to concern the con

46、traindication of color of the font in the webpage. It simple, normal what the color of font wants to cry is simple and normal that simple, normal what the color of font wants to cry? Normally for, the article is white bottom black word, of black. The character with so medium webpage, use black norma

47、lly, grayish perhaps, such more accord with popular taste. If not be a few very original design, ask not informal use color. Love water to if I add blue for it,boil an article inside piscine rich guest like me, how can you think? Color should have certain contrast low contrast with setting, it is no

48、t clear to bring about font easily to look. Want to use the color of tall contrast so, for example white bottom black word, black base wrongly written or mispronounced character. Do not believe see next pictures: If you are reading an article, the color of font is to go up in the graph, nethermost t

49、hat, can you still look again? Avoid a few special color that should avoid here, it is a few acquiescent color in pointing to a webpage. Especially blue, because blue is representing a webpage to exceed a link mediumly, if there is the character of a paragraph of blue in the webpage, can letting a p

50、erson think by accident is OK those who click exceed a link. So this kind of color wants to avoid as far as possible. But some moment are in the design, must want to use the design of this kind of color, also so a few other methods solve this problem. For example lurk person the Qetro theme of M ric

51、h guest, used blue to move, in text composing layout when had thought about adding the type of crude character. If use groovy thick substance black for, more add thick content, what can bring about page character is confused. Adding thick destination is for marked, telling the person that browse thi

52、s is paragraph of main character. So I add blue processing to the character. But this blue follows the posture of acquiescent style color that transcends a link to be the same as by chance. Let a person very easily puzzle, then I contain the type that exceeds a link acquiescent underline. When the u

53、ser sees blue, may try superpose looks, the result cannot be clicked also did not become finger. Pull downward again, see when exceeding a link, can see underline is to be able to be clicked exceed a link. This also is a kind of good still eclectic method. With the CSS attribute that the CSS attribu

54、te that font concerns and font concern, have the following normally: Font-family, Font-style, Font-weight, Font-size, Line-height, Letter-spacing, Word-spacing, Text-align, Text-decoration. Font-family: Use at defining form of a written or printed character, have above demonstrate not to say more. M

55、ore detailed data looks please: Font-family. Font-style: Use at defining the style of font, include normal, inclined system, tilt etc, corresponding property value is: Text of Normal shows normally, inclined body of text of Italic shows, text of Oblique tilts show. Font-weight: Use at defining liter

56、al quality of work, detailed property value looks please: Font-weight. Font-size: Set font size, no longer give uncecessary details. Line-height: Use at installing the row pitch in the character, appropriate row pitch is read to the user bring good experience. Still can use at word of perpendicular

57、distribution odd send an official communication to other organizations at the same time. Letter-spacing: Install the word span between the character, make the distance between the character increases to perhaps be reduced. Word-spacing: Use at adjusting the span of the word. Text-align: Use pair of

58、neat written languages, for example left-justify, right-justify, be placed in the middle is right wait together. Text-decoration: With will modify a paragraph of text version, add underline to wait for example. Often use this attribute to eliminate its acquiescent underline to A label. It is above r

59、elated to font, compare commonly used CSS attribute, still have other more specific, the data on OK and referenced net, recommend the data of the concerned font above W3school. Use online font to be in CSS3, introduced a very powerful and practical function to face the font above to select an issue.

60、 Traditional style chooses, corresponding word types or forms of literature is installed to be able to show in the operating system that wants you. If you are in webpage work, used other originality form of a written or printed character, so you need to generate corresponding literal picture to repl