bahay - Kwarto
Ang laki ng font ay tinutukoy ng mga sumusunod na elemento. Mga unit ng font o “Paano ko gagawin ang tamang laki ng font? I. Kontrol ng font

Mga Tuntunin at Kahulugan

PAGKUHA NG MGA FONT

Ang mga imahe sa mga guhit ay pupunan ng mga inskripsiyon sa pagguhit ng mga font alinsunod sa GOST 2.304-81. Ang mga font na ito ay nakikilala sa pamamagitan ng kanilang kalinawan at kadalian ng pagpapatupad.

Laki ng font h - ang halaga na tinutukoy ng taas ng uppercase (capital) na mga titik sa millimeters. taas malalaking titik h sinusukat patayo sa base ng string. Taas ng maliliit na titik c tinutukoy mula sa ratio ng kanilang taas hanggang sa laki ng font h , halimbawa, c = 7/10 h (tingnan ang figure 1):

Larawan 1

Lapad ng sulat g - ang pinakamalaking lapad ng titik (tingnan ang Figure 1), na tinutukoy na may kaugnayan sa laki ng font h, halimbawa, g = 6 / 10h, o may kaugnayan sa lapad ng linya ng font d , Halimbawa, g = b d .

Timbang ng linya ng font d - kapal, tinutukoy depende sa uri at taas ng font.

Malalaki at maliliit na titik ang ginagamit. Ang pamantayan ay tumutukoy sa apat na uri ng mga font:

A - na may hilig na halos 75 ° (d = 1/14 h), Figure 2;

A - walang hilig (d = 1/14 h), Figure 3;

B - na may hilig na halos 75 ° (d = 1 / 10h);

B - walang slope (d = 1 / 10h).

Figure 2 - Font na may slant

Figure 3 - Font na walang ikiling

Ang pagsulat ng mga type B na font na may at walang slant ay katulad ng type A na font, at ang pagkakaiba sa mga parameter ay ipinapakita sa Talahanayan 1.

Ang mga sumusunod na laki ng font ay nakatakda: (1.8); 2.5; 3.5; 5; 7; sampu; labing-apat; dalawampu; 28; 40. ( Ang laki ng font na 1.8 ay hindi inirerekomenda at pinapayagan lamang para sa uri B).

Talahanayan 1

Lapad ng linya ng font d nag-iiba depende sa taas ng malalaking titik 1 / 14h o 1/10 h.

Ang mga parameter ng font ay ipinapakita sa Talahanayan 1.

Pagbuo ng font sa pamamagitan ng auxiliary grid(ang grid na nabuo ng mga auxiliary na linya, kung saan ang mga titik ay nakasulat) ay ipinapakita sa Figure 4. Ang hakbang ng auxiliary grid lines ay tinutukoy ng lapad ng font line d .

Construction grid mula sa construction lines

Figure 4 - Pagbuo ng font sa auxiliary grid

Dahil ang kahulugan ng halaga g na may kaugnayan sa laki ng font ay mas kanais-nais, ang kahulugan ng lapad ng malalaking titik ay batay dito (talahanayan 2).

talahanayan 2

Ang laki ng font ay tumutugma sa taas ng malalaking titik sa mm.

Ang taas ng maliliit na titik ay tinutukoy mula sa ratio ng kanilang taas sa laki ng font na 10 / 14h o 7 / 10h - depende sa uri ng font.

Ang pag-aaral ng pagsulat ng mga titik ng font ng pagguhit ay hindi dapat isagawa sa pagkakasunud-sunod ng alpabeto, ngunit sa pamamagitan ng paghahati-hati sa mga ito sa mga pangkat ayon sa pagkakapareho ng pagsulat. Bilang batayan, dapat kunin ng isa ang prinsipyo ng paglalagay ng mga constituent na titik na may kaugnayan sa mga generatrice ng grid kung saan umaangkop ang titik o numero (Figure 4).



Ang unang pangkat ay mga titik na nabuo sa pamamagitan ng parallel, hugis-parihaba na mga elemento: G; E, H, P, T. Sh, Shch. Mga spike ng mga titik Ts, Sch ay isinasagawa dahil sa mga distansya a at b, ang gitnang pahalang na elemento ng mga titik E, H isinasagawa sa taas na 8 / 14h o 6 / 10h, i.e. mas mataas gitnang titik,

Ang pangalawang pangkat - mga titik, ang mga rectilinear na elemento na kung saan ay matatagpuan pahilig o pahilis: A, I, Y, K, M, X, F.

Ang ikatlong pangkat - mga titik na nabuo ng pahalang, patayo, pahilig at hubog na mga elemento: B, V, D, L, R, U, H, b, Y, b, Z.

Gitnang elemento ng mga titik B, C, b, S, b ay isinasagawa sa 8 / 14h o 6 / 10h depende sa uri ng font. Ang pahilig na elemento ng titik I ay matatagpuan sa dayagonal ng paralelogram

Ang ika-apat na pangkat - mga titik na nabuo ng mga hubog na elemento: O, S, 3, F, E, Yu... Gitnang elemento ng liham NS at NS isinasagawa sa 8 / I4h o 6 / 10h.

Itaas at ibabang pahalang na elemento ng titik F matatagpuan sa iba't ibang distansya mula sa itaas at ibabang bahagi ng pangkalahatang cell: mula sa ibaba ng 2 / 10h o 3 / 14h - depende sa uri ng font. Balangkas ng itaas na kalahati ng liham Z halos hawakan ang kaliwang bahagi ng pangkalahatang parisukat, dapat itong isipin na ang titik Z ay bahagi ng font 8 , samakatuwid, inirerekumenda na isagawa ito bilang bahagi ng numero 8, na gumaganap lamang sa kanang kalahati ng tanda, pagpapalawak sa itaas at ibabang bahagi ng pag-sign patungo sa hindi natapos na bahagi ng 2 / 14h o 1 / 10h. Para sa numero 4, ang pahalang na elemento ay iginuhit sa taas na 4 / 14h - type na font A at 3 / 10h - uri ng font B.

Ang distansya sa pagitan ng mga titik, ang mga katabing linya na hindi parallel sa isa't isa (GA, AT, SL, TA), ay maaaring bawasan ng kalahati, iyon ay, sa halaga d.

Ang mga type A at B na font na may at walang ikiling ay malawakang ginagamit. Nalalapat ito sa "mga palatandaan" ng mga alpabetong Latin at Greek, ang mga patakaran para sa pagsulat ng mga praksyon, tagapagpahiwatig, indeks at limitahan ang mga paglihis. Mga fraction, indicator, index, limitahan ang mga paglihis ay pinaandar na may laki ng font na isang degree na mas mababa kaysa sa laki ng font ng pangunahing laki (uri A), o kaparehong laki sa laki ng font ng pangunahing laki ng uri B).

Mga pagpipilian sa font Pagtatalaga Uri ng font (d = h / 14) Type B na font (d = h / 10)
Kamag-anak na laki Mga sukat, mm Kamag-anak na laki Mga sukat, mm
Mga laki ng font: taas ng malalaking titik h (14/14) h 14d 2,5 3,5 (10/10) h 10d 1,8 2,5 3,5
taas ng maliliit na titik kasama (10/14) h 10d 1,8 2,5 3,5 (7/10) h 7d 1,3 1,8 2,5 3.5
Espasyo ng titik a (2/14) h 2d 0,95 0,5 0,7 1,4 2,8 (2/10) h 2d 0,95 0,5 0,7 1,4 2,8
Maximum na spacing ng linya (taas ng grid ng auxiliary) b

Lapad ng sulat g kaugnay ng laki ng font h

Ang lahat ng mga inskripsiyon sa mga guhit (sa bloke ng pamagat, mga sukat, mga teknikal na kinakailangan at kundisyon, atbp.) Ay isinasagawa sa isang font ng pagguhit alinsunod sa GOST 2.304-81.

Ang sukat ang karaniwang font ng guhit ay tinukoy taas h uppercase (capital) na mga titik sa millimeters. Ang pamantayan ay tumutukoy sa mga sumusunod na laki ng font: 2.5; 3.5; 5; 7; sampu; labing-apat; 20. Halimbawa, ang taas ng malalaking titik sa laki ng font na 14 ay 14 mm, ang laki ng 5 ay 5 mm, ayon sa pagkakabanggit, at iba pa. (fig. 20).

Timbang ng linya ng font d- kapal, natutukoy depende sa uri at laki ng font (Larawan 20).

Lapad ng sulatg- ang pinakamalaking lapad ng titik, na tinutukoy na may kaugnayan sa laki ng font h, Halimbawa, g=6/10 h, o kaugnay ng lapad ng linya ng font d, Halimbawa, g=6 d.

Larawan 20. Ang pangunahing mga parameter ng font: a) tuwid na font; b) italic font.

Ang pamantayan ay tumutukoy sa apat na uri ng font: a) uri A walang ikiling ( d=1/14 h); b) uri A na may slope na humigit-kumulang 75 0 ( d=1/14 h); c) uri B walang ikiling ( d=1/10 h); d) uri B na may slope na humigit-kumulang 75 0 ( d=1/10 h). Ang pagkakaiba sa pagitan ng mga uri ng font ay wala sa pagbuo ng mga titik at numero, ngunit sa laki lamang d- kapal ng linya ng font. Ang mga parameter ng uri ng mga font ng A at uri ng B ay ipinapakita sa Mga Talahanayan 3 at 4.

Talahanayan 3. Uri A na mga parameter ng font

Talahanayan 4. Uri B na mga parameter ng font

Pantulong na mesh- isang grid na nabuo ng mga linya ng pantulong, kung aling mga letra ang akma. Ang espasyo ng mga linya ng konstruksiyon ng grid ay tinutukoy depende sa kapal ng mga linya ng font d(fig. 21).

Larawan 21. Auxiliary grid para sa patayo at pahilig na mga font.

Ang mga halimbawa ng typeface ng alpabetong Ruso ng uri A ay ipinapakita sa fig. 22, 23; Ang mga laki ng font ay ibinigay sa Talahanayan 5. Ang isang halimbawa ng balangkas ng Arabic at Roman numeral ay ipinapakita sa Fig.24.

Larawan 22. Slant type A na font.

Larawan 23. Mag-type ng font na walang slant.

Larawan 24. Type A font: Arabic at Roman numeral.

Talahanayan 5. Type A na mga parameter ng font

Mga Tala:

1. Distansya a sa pagitan ng mga titik, ang mga katabing linya na hindi parallel sa isa't isa (halimbawa, GA, AT), ay maaaring hatiin, i.e. sa kapal d mga linya ng font.

2. Ang mga patayong proseso ng mga titik Д, Ц at Щ ay dahil sa mga puwang sa pagitan ng mga linya; ang mga lateral na proseso ng mga letrang C at Щ ay dahil sa agwat sa pagitan ng mga letra.

3. Minimum na distansya sa pagitan ng mga salitang pinaghihiwalay ng isang bantas ay ang distansya sa pagitan ng mga bantas at ang salitang sumusunod dito.

4. Ang font na walang slant ay medyo bihira, pangunahin para sa mga pangalan, heading, designations sa title block, sa drawing field, atbp.

1.2. Mga pangunahing kinakailangan para sa disenyo ng mga graphic na gawa

Lahat ng bagay mga gawain sa graphics dapat isagawa sa karaniwang mga sheet drawing paper (A3 o A4) at magkaroon ng drawing field frame at isang pangunahing inskripsiyon ayon sa form No. 1 GOST 2.104-68 (maliban sa gawain sa pahina ng pamagat). Ang frame ng patlang ng pagguhit ay ginawa gamit ang isang solidong pangunahing linya na may kapal S sa layo mula sa mga panlabas na hangganan ng sheet: sa kanan, ibaba at itaas - 5 mm, sa kaliwa - 20 mm. Palaging matatagpuan ang block ng pamagat sa kanang sulok sa ibaba ng sheet. Ang isang 20 mm na margin sa kaliwang bahagi ay ginagamit para sa pag-file at pagbubuklod ng mga guhit. Ang pangunahing inskripsiyon ay isinagawa na may solidong pangunahing at manipis na mga linya. Ang mga sukat, lokasyon at nilalaman ng block ng pamagat ay ipinapakita sa Figure 25.

Figure 25. Mga sukat ng title block table sa form 1.

Sa mga haligi ng pangunahing inskripsiyon at sa karagdagang mga haligi ay nagpapahiwatig:

- sa hanay 1 - ang pangalan ng produkto alinsunod sa GOST 2.109-73;

- haligi 2 - pagtatalaga ng dokumento alinsunod sa GOST 2.101-80 .;

- sa hanay 3 - simbolo materyal (ang hanay na ito ay napunan lamang sa mga guhit ng mga bahagi);

- sa hanay 4 - ang liham na itinalaga sa dokumentong ito alinsunod sa GOST 2.103-68 (ang hanay ay pinunan nang sunud-sunod, simula sa pinakakaliwang cell. Para sa mga guhit na pang-edukasyon, ginagamit namin ang titik na "U");

- sa hanay 5 - ang bigat ng produkto sa kilo alinsunod sa GOST 2.109-73;

- sa hanay 6 - sukat (ipinahiwatig alinsunod sa GOST 2.302-68);

- sa hanay 7 - ang serial number ng sheet ng dokumento, kung ang pagguhit ay ginawa sa ilang mga sheet. Sa mga dokumento na binubuo ng isang sheet, ang haligi ay hindi napunan;

- sa column 8 - ang kabuuang bilang ng mga sheet ng dokumento. Ang column ay pinupunan lamang sa unang sheet;

- sa haligi 9 - ang pangalan, natatanging index o code ng kumpanya na naglabas ng dokumento, para sa mga takdang-aralin sa graphics ng engineering - VTUZ, gr. XXXX;

- sa mga hanay 10 - ang likas na katangian ng gawaing isinagawa ng taong pumirma sa dokumento;

- sa mga haligi 11 - mga apelyido at inisyal ng mga taong pumipirma sa dokumento:

- sa mga hanay 12 - mga lagda ng mga tao na ang mga pangalan ay ipinahiwatig sa mga hanay 11;

- sa hanay 13 - ang petsa ng pagpirma sa dokumento;

- sa mga haligi 14-18 - ang mga haligi ng talahanayan ng mga pagbabago na ginawa sa dokumento alinsunod sa GOST 2.503-68 ay hindi napunan sa mga guhit na pang-edukasyon;

- sa column 19 - pagtatalaga ng dokumento (tingnan ang column 2), pinaikot ng 180 0 para sa laki ng A4 at para sa mga format na mas malaki kaysa sa A4 kapag ang title block ay matatagpuan sa mahabang gilid ng sheet at ng 90 0 para sa mga format na mas malaki kaysa sa A4 kapag ang title block ay matatagpuan sa kahabaan ng maikling bahagi ng sheet ...

Petsa ng pagpapakilala 01.01.82

Tinutukoy ng International Standard na ito ang mga drawing font na ilalapat sa mga drawing at iba pa mga teknikal na dokumento lahat ng sangay ng industriya at konstruksiyon.

1. TERMS AT KAHULUGAN

1.1. Ang laki ng font h ay ang halaga na tinutukoy ng taas ng malalaking titik sa milimetro. 1.2. Ang taas ng malalaking titik h ay sinusukat patayo sa base ng linya. Ang taas ng maliliit na titik c ay tinutukoy mula sa ratio ng kanilang taas (walang mga sanga k) sa laki ng font h, halimbawa, c = 7/ 10 h (Larawan 1 at 2).

1.3. Ang lapad ng letrang g ay ang pinakamataas na lapad ng letra, na sinusukat alinsunod sa gitling. Ang 1 at 2, ay tinukoy na may kaugnayan sa laki ng font h, halimbawa, g = 6/10 h, o may kaugnayan sa kapal ng linya ng font d, halimbawa g = 6 d. 1.4. Timbang ng linya ng font d - natutukoy ang kapal depende sa uri at taas ng font. 1.5. Construction grid - isang grid na nabuo sa pamamagitan ng mga construction lines kung saan magkasya ang mga titik. Ang pitch ng mga auxiliary grid lines ay tinutukoy depende sa kapal ng mga linya ng font d (Fig. 3).

2. URI AT ANAK NG MGA FONTS

2.1. Ang mga sumusunod na uri ng font ay naka-install: uri A na walang slant (d = 1/14 h) na may mga parameter na ibinigay sa talahanayan. 1; uri A na may hilig na humigit-kumulang 75 ° (d = 1/14 h) kasama ang mga parameter na ibinigay sa talahanayan. 1; i-type ang B na walang slope (d = 1/10 h) kasama ang mga parameter na ibinigay sa talahanayan. 2; uri B na may hilig na humigit-kumulang 75 ° (d = 1/10 h) kasama ang mga parameter na ibinigay sa talahanayan. 2.

Talahanayan 1

Uri ng font (d = h / 14)

Mga pagpipilian sa font

Pagtatalaga

Kamag-anak na laki

Mga sukat, mm

Laki ng font -
taas ng malalaking titik
taas ng maliliit na titik
Espasyo ng titik
Lapad ng linya ng font

talahanayan 2

Type B font (d = h / 10)

Mga pagpipilian sa font

Pagtatalaga

Kamag-anak na laki

Mga sukat, mm

Laki ng font -
taas ng malalaking titik
taas ng maliliit na titik
Espasyo ng titik
Minimum na row spacing (auxiliary grid height)
Pinakamababang espasyo sa pagitan ng mga salita
Lapad ng linya ng font
Mga Tala: 1. Ang distansya a sa pagitan ng mga titik, ang mga katabing linya na hindi parallel sa bawat isa (halimbawa, GA, AT), ay maaaring mabawasan ng kalahati, ibig sabihin sa pamamagitan ng lapad d ng linya ng font. 2. Ang pinakamababang distansya sa pagitan ng mga salita e, na pinaghihiwalay ng isang bantas, ay ang distansya sa pagitan ng bantas at ang salitang sumusunod dito. Kapag nagpapatupad ng mga dokumento sa isang awtomatikong paraan, pinapayagang gumamit ng mga font na ginagamit ng teknolohiya ng computer. Sa kasong ito, dapat na matiyak ang kanilang pag-iimbak at paglilipat sa mga gumagamit ng dokumento. (Binagong edisyon, Susog Blg. 2) 2.2. Ang mga sumusunod na laki ng font ay nakatakda: (1.8); 2.5; 3.5; 5; 7; sampu; labing-apat; dalawampu; 28; 40. Tandaan. Ang paggamit ng laki ng font na 1.8 ay hindi inirerekomenda at pinapayagan lamang para sa uri B.2.3. Ang pagtatayo ng font sa auxiliary grid ay ipinapakita sa Fig. 4.

2.4. Limitahan ang mga paglihis ng mga sukat ng mga titik at numero ± 0.5 mm.

3. RUSSIAN ALPHABET (CYRILLIC)

3.1. Ang uri ng font A na may slant ay ipinapakita sa Fig. 5

3.2. Uri ng Isang font na walang slant ay ipinapakita sa fig. 6.

3.3. Ang uri ng font B na may slant ay ipinapakita sa Fig. 7.

3.4. Ang uri ng font B na walang slant ay ipinapakita sa Fig. walo.

4. LATIN ALPHABET

4.1. Ang uri ng font A na may isang slant ay ipinapakita sa Fig. siyam.

4.2. Type A font na walang slant ay ipinapakita sa fig. sampu.

4.3. Ang uri ng font B na may isang slant ay ipinapakita sa Fig. labing-isa.

4.4. Ang uri ng font B na walang slant ay ipinapakita sa Fig. 12.

4.5. Ang mga uri, hugis at lokasyon ng mga diacritics para sa mga hindi pahilig na font ng mga uri A at B ay ibinibigay sa reference na apendiks. Ang mga diacritics para sa mga pahilig na font ay dapat sundin sa parehong paraan.

5. GREEK ALPHABET

5.1. Ang uri ng font A na may slant ay ipinapakita sa fig. 13.

5.2. Type A font na walang slant ay ipinapakita sa fig. labing-apat.

5.3. Ang uri ng font B na may slant ay ipinapakita sa Fig. 15.

5.4. Ang Type B na font na walang slant ay ipinapakita sa Fig. 16.

5.5. Ang pangalan ng mga titik ng alpabetong Griyego na ipinapakita sa Fig. 13 - 16:

6. ARABIC AT ROMAN NUMBERS

6.1. Ang Type A na font ay ipinapakita sa drawing. 17.

6.2. Ang font ng Type B ay ipinapakita sa pagguhit. labing-walo.

Mga Tala: 1. Ang mga Roman numeral na L, C, D, M ay dapat sundin ayon sa mga tuntunin alpabetong Latin... 2. Ang mga Roman numeral ay pinapayagang limitahan ng mga pahalang na linya.

7. TANDA

7.1. Ang uri ng font A na may slant ay ipinapakita sa Fig. 19.

7.2. Type A font na walang slant ay ipinapakita sa fig. dalawampu.

7.3. Ang uri ng font B na may isang slant ay ipinapakita sa Fig. 21.

7.4. Ang uri ng font B na walang slant ay ipinapakita sa Fig. 22.

7.5. Ang mga pangalan ng mga palatandaan ay ibinibigay sa talahanayan. 3.

Talahanayan 3

Mga numero ng karakter sa mga guhit

Pangalan ng mga palatandaan

Mga numero ng karakter sa mga guhit

Pangalan ng mga palatandaan

1 Punto 25 Porsyento
2 Colon 26 Degree
3 Comma 27 minuto
4 Semicolon 28 Pangalawa
5 Tandang padamdam 29 Parallel
6 Tandang pananong 30 Perpendikular
7 Mga quotes 31 Iniksyon
8 AT 32 Dulas
9 Talata 33 Taper
10 Pagkakapantay-pantay 34 Kuwadro
11 Halaga pagkatapos ng pag-ikot 35 Arc
12 Sumusunod 36 diameter
13 Asymptotically equal 37 Radikal
14 Tinatayang pantay 38 Integral
15 Mas maliit 39 Infinity
16 Higit pa 40 Mga square bracket
17 at 17a Mas mababa sa o katumbas ng 41 Mga bilog na bracket
18 at 18a Marami o pantay 42 Ugali ng praksyon
19 Isang plus 43 Bilang
20 Minus, gitling 44 Mula sa
21 Plus o minus 45 Marka ng pagkakatulad
22,23 Pagpaparami 46 Bituin
24 Dibisyon

8. MGA PANUNTUNAN PARA SA PAGSULAT NG MGA FRACTION, INDICATOR, INDEXES AT LIMIT DEVIATIONS

8.1. Ang mga praksyon, tagapagpahiwatig, indeks at maximum na mga paglihis ay ginaganap alinsunod sa talahanayan. 4 sa laki ng font: isang notch na mas mababa kaysa sa laki ng font ng batayang laki kung saan sila itinalaga; ang parehong laki ng font ng batayang laki.

Talahanayan 4

Mga pagpipilian sa pagpapatupad

Mga halimbawa ng pagpapatupad

pangunahing dami

mga fraction, indicator, atbp.

Ang laki ng font ay isang hintuan na mas maliit kaysa sa laki ng base

Ang laki ng font ay kapareho ng laki ng base


APLIKASYON

Sanggunian

MGA ALAMAT NG SIRCUIT

Hungarian

Aleman

lengwahe ng mga Polish

wikang Romanian

Czech at Slovak na wika

DATA NG IMPORMASYON

1. Binuo AT INTRODUCED ng USSR State Committee para sa Mga Pamantayan2. INAPRUBAHAN AT IPINAGPILALA NG Dekreto Komite ng Estado USSR ayon sa mga pamantayan na may petsang 28.03.81 No. 15623. (Tinanggal, Susog Blg. 2) 4. PALITAN ANG GOST 2.304-685. Edisyon (Hulyo 2001) na may Susog Blg. 1, inaprubahan noong Marso 1989 (IUS 7-89)

Sa artikulong ito, titingnan natin iba't ibang paraan kung saan maaari mong itakda ang laki HTML font.

Pangkalahatang-ideya ng yunit

Ang mga yunit ng pagsukat ay maaaring nahahati sa dalawang kategorya: ganap at kamag-anak.

Ang mga ganap na yunit ay naayos at tumutukoy sa ilang pisikal na yunit ng pagsukat. Kapag naitakda na ang mga ito, hindi nagbabago ang laki.

Ang mga kamag-anak na yunit ay walang tunay na kahulugan. Ang kanilang sukat ay nauugnay sa elemento ng magulang. Nangangahulugan ito na ang laki ng font ay maaaring baguhin sa HTML sa pamamagitan ng pagbabago ng laki ng nauugnay na elemento.

Dito maikling pagsusuri ilang mga yunit ng pagsukat:

Susuriin ko ang mga yunit ng pagsukat na pinakamahalaga - px, pt,%, em, rem, at vw.

Ano ang pagkakaiba sa pagitan nila?

Ang pagkakaiba sa pagitan ng mga yunit ng pagsukat na ito ay mahirap maunawaan sa teorya, kaya mas mahusay na ipakita ito tiyak na mga halimbawa dagdagan ang laki ng font ng HTML.

Halimbawa 1 - Mga default na setting

Sa isang HTML na dokumento kung saan hindi ka pa nakakapagtakda ng anumang laki ng font, may mga default na setting. Sa karamihan ng mga browser, ang default na laki ng font para sa mga seksyon ng html at katawan ay 100%. Na tumutugma sa mga sumusunod:

100% = 1em = 1rem = 16px = 12pt

Nangangahulugan ito na kung itatakda mo ang laki ng font para sa isang bloke<р>sa 100%, at para sa isa pa - 16px, sa screen ay ipapakita ang mga ito na may parehong laki ng font:


Halimbawa 2 - Absolute at Relative Units

Ang pagkakaiba sa pagitan ng absolute at relative na mga unit ng pagsukat ay mas madaling maunawaan sa isang halimbawa kapag gusto naming itakda ang laki ng font sa HTML para sa isang partikular na elemento. Kung itatakda namin ang html (font-size: 200%), makakaapekto lamang ito sa mga bloke<р>na may laki ng font na ibinigay sa mga relatibong unit:

Ito ang bentahe ng paggamit ng mga kamag-anak na yunit. Sa ganitong paraan, maaari kang lumikha ng tumutugon na website, sa pamamagitan lamang ng pagbabago ng laki ng font ng elemento ng html:

Halimbawa 3 - rem at em (at%)

Gumagana ang em (at%) unit sa pamamagitan ng pagkalkula kasalukuyang laki font depende sa laki ng font ng parent element.

Halimbawa:

html (font-size: 100% / * = 16px * /) body (font-size: 2em; / * = 32px * /) p (font-size: 1em; / * = 32px * / / * font-size: 0.5em; = 16px * /)

Dahil ang p ay anak ng katawan, na siya namang anak ng html - ang mga talata na may laki ng font na may em at porsyento ay magkakaroon ng dalawa iba't ibang laki HTML font:


Kapag ginagamit ang Em, dapat mong isaalang-alang ang laki ng font ng lahat ng elemento ng magulang. Kung hindi, maaari itong humantong sa kumpletong pagkalito.

Ang solusyon sa problemang ito ay rem. Kinakalkula lamang ito batay sa laki ng font ng elemento ng html, hindi ang pangunahing elemento.

Halimbawa:

html (font-size: 100% / * = 16px * /) body (font-size: 2rem; / * = 32px * /) p (font-size: 1rem; / * = 16px * /)

Ang paggamit ng rem ay nagbibigay-daan sa mga ito na manatiling scalable nang hindi naaapektuhan ng hierarchy ng elemento.

Halimbawa 4 - Mga Laki ng Font Batay sa Lapad ng Viewport

ang vw ay bagong yunit ng sukat CSS3 na gumagamit ng lapad ng viewport upang baguhin ang laki ng font sa HTML. Binibigyang-daan ka nitong magtakda ng mga laki ng font sa mga lumulutang na tumutugon na mga layout.

Ito ay isang mahusay na yunit ng pagsukat para sa tumutugon na disenyo pero hindi ako fan niya. Hindi ito nagbibigay sa akin ng sapat na kontrol sa laki ng font, na palaging masyadong malaki o masyadong maliit.

Aking pamamaraan

Bago ang pananaliksik na ito, gumamit ako ng mga pixel upang magtakda ng mga laki ng font. Dahil sa ngayon karamihan sa mga browser ay nagpapahintulot sa gumagamit na mag-zoom in kung ang teksto ay tila napakaliit sa kanya.

Gayunpaman, nakita kong limitado ang pamamaraang ito sa mga tuntunin ng scalability. Kapag ginamit, maganda ang hitsura ng mga laki ng font sa medium at maliliit na screen, ngunit hindi sa malalaking diagonal. Kahit na may kakayahan ang mga user na mag-zoom in, hindi namin gustong pilitin silang gawin ito sa bawat oras.

Kaya ang aking solusyon ay gumamit ng rem font size ( at mga pixel bilang isang fallback):

html (font-size: 62.5%; / * itakda ang base font size sa 10 pixels para sa kadalian ng pagkalkula * /) body (font-size: 16px; font-size: 1.6rem; / * set the default font sizes to be tiwala na hindi kami magkakaroon ng sukat na 10 pixels kahit saan * /) h1 (font-size: 32px; font-size: 3.2rem;)

Nagbibigay-daan ito sa akin na baguhin ang mga laki ng font gamit ang sumusunod na code:

@media screen at (min-width: 1280px) (html (font-size: 100%;))

Gumagamit ang pamamaraang ito ng mga pixel bilang fallback dahil hindi sinusuportahan ang rem sa IE8 at mas mababa. Dahil dito, kapag binago ko ang laki ng HTML font para sa scalability, hindi maaapektuhan ang fallback. Ngunit hindi ito isang problema, dahil ang kakayahang mag-scale para sa mga sobrang malalaking screen ay opsyonal.

Ang pagsasalin ng artikulong "CSS Font Sizing" ay inihanda ng magiliw na pangkat ng proyekto.

GOST 2.304-81

Pangkat T52

INTERSTATE STANDARD

Pinag-isang sistema para sa dokumentasyon ng disenyo

PAGKUHA NG MGA FONT

Pinag-isang sistema para sa dokumentasyon ng disenyo. Mga liham para sa mga guhit

ISS 01.080.30

Petsa ng pagpapakilala 1982-01-01

DATA NG IMPORMASYON

1. BINUO AT IPINAGPILALA ng USSR State Committee for Standards

2. INAPRUBAHAN AT IPINAHAYAG ng Decree ng USSR State Committee for Standards na may petsang 03.28.81 N 1562

3. (Tinanggal, Susog Blg. 2).

5. EDITION (Agosto 2007) na may Susog Blg. 1, na inaprubahan noong Marso 1989, Hunyo 2006 (IUS 7-89, 9-2006)

Tinutukoy ng International Standard na ito ang mga drawing font para sa mga drawing at iba pang teknikal na dokumento sa lahat ng industriya at construction.

1. TERMS AT KAHULUGAN

1. TERMS AT KAHULUGAN

1.1. Laki ng font- ang halaga na tinutukoy ng taas ng malalaking titik sa milimetro.

1.2. Ang taas ng malalaking titik ay sinusukat patayo sa base ng linya.

Ang taas ng mga maliliit na titik ay tinutukoy mula sa ratio ng kanilang taas (walang mga sanga) hanggang sa laki ng font, halimbawa, = 7/10 (Larawan 1 at 2).

1.3. Lapad ng sulat- ang pinakamalaking lapad ng titik, na sinusukat alinsunod sa Fig. 1 at 2, ay tinutukoy na may kaugnayan sa laki ng font, halimbawa, 6/10, o may kaugnayan sa kapal ng linya ng font, halimbawa, 6

1.4. Timbang ng linya ng font- kapal, natutukoy depende sa uri at taas ng font.

1.5. Pantulong na mesh- isang grid na nabuo ng mga linya ng pantulong, kung aling mga letra ang akma. Ang pitch ng mga linya ng auxiliary grid ay natutukoy depende sa kapal ng mga linya ng font (Larawan 3).

Ano ba. 3

2. URI AT ANAK NG MGA FONTS

2.1. Ang mga sumusunod na uri ng font ay naka-install:

I-type ang A na walang slope (= 1/14) kasama ang mga parameter na ibinigay sa talahanayan 1;

Uri ng A na may isang pagkahilig ng tungkol sa 75 ° (= 1/14) na may mga parameter na ibinigay sa Talahanayan 1;

Uri B na walang slope (= 1/10) na may mga parameter na ibinigay sa Talahanayan 2;

I-type ang B na may isang hilig na tungkol sa 75 ° (= 1/10) na may mga parameter na ibinigay sa Talahanayan 2.

Talahanayan 1

I-type ang isang font (=)

Mga pagpipilian sa font

Pagtatalaga
takdang-aralin

Kamag-anak na laki

Mga sukat, mm

Laki ng font:

taas ng malalaking titik

taas ng maliliit na titik

Espasyo ng titik

Lapad ng linya ng font

talahanayan 2

Type B font (=)

Mga pagpipilian sa font

Pagtatalaga

Kamag-anak na laki

Mga sukat, mm

Laki ng font:

taas ng malalaking titik

taas ng maliliit na titik

Espasyo ng titik

Minimum na spacing ng hilera (taas ng grid ng auxiliary)

Pinakamababang espasyo sa pagitan ng mga salita

Lapad ng linya ng font

Mga Tala:

1. Ang distansya sa pagitan ng mga titik, ang mga katabing linya na kung saan ay hindi parallel sa bawat isa (halimbawa, GA, AT), maaaring mabawasan ng kalahati, ibig sabihin ayon sa kapal ng linya ng font.

2. Ang pinakamaliit na distansya sa pagitan ng mga salitang pinaghiwalay ng isang bantas ay ang distansya sa pagitan ng bantas at ng salitang sumusunod dito.

Kapag nagpapatupad ng mga dokumento sa isang awtomatikong paraan, pinapayagan itong gumamit ng mga font na ginagamit ng teknolohiya ng computer. Sa kasong ito, ang kanilang imbakan at paglipat sa mga gumagamit ng dokumento ay dapat matiyak.

(Binagong edisyon, Susog N 2).

2.2. Ang mga sumusunod na laki ng font ay nakatakda: (1.8); 2.5; 3.5; 5; 7; sampu; labing-apat; dalawampu; 28; 40.

Tandaan Ang paggamit ng laki ng font na 1.8 ay hindi inirerekomenda at pinapayagan lamang para sa uri B.

2.3. Ang pagtatayo ng font sa auxiliary grid ay ipinapakita sa Larawan 4.

2.4. Limitahan ang mga paglihis sa laki ng mga titik at numero ± 0.5 mm.

3. RUSSIAN ALPHABET (CYRILLIC)

3.1. Ang uri ng font A na may slant ay ipinapakita sa Fig. 5.

3.2. Ang uri ng Isang font na walang slant ay ipinapakita sa Larawan 6.

3.3. Ang uri ng font B na may slant ay ipinapakita sa Larawan 7.

3.4. Ang isang type B na font na walang slant ay ipinapakita sa Fig. 8.

4. LATIN ALPHABET

4.1. Ang uri ng font A na may isang slant ay ipinapakita sa Larawan 9.

4.2. Ang isang type A na font na walang slant ay ipinapakita sa Fig. 10.

Sumpain 10

4.3. Ang uri ng font B na may isang slant ay ipinapakita sa Larawan 11.

Damn 11

4.4. Ang isang uri ng B font na walang slant ay ipinapakita sa Larawan 12.

Sumpain 12

4.5. Ang mga uri, hugis at lokasyon ng mga diacritical mark para sa mga font ng mga uri A at B na walang slant ay ibinibigay sa reference na apendiks.

Ang mga diacritical mark para sa mga pahilig na font ay dapat sumunod sa parehong mga patakaran.

5. GREEK ALPHABET

5.1. Ang uri ng font A na may slant ay ipinapakita sa Fig. 13.

Nakakahiya. 13

5.2. Ang isang uri ng isang font na walang slant ay ipinapakita sa Larawan 14.

Damn. 14

5.3. Ang uri ng font B na may slant ay ipinapakita sa Fig. 15.

Damn. 15

5.4. Ang isang uri ng B font na walang slant ay ipinapakita sa Larawan 16.

Damn. 16

5.5. Ang mga pangalan ng mga titik ng alpabetong Greek na ipinapakita sa Fig. 13-16:

omicron

6. ARABIC AT ROMAN NUMBERS

6.1. Ang Type A font ay ipinapakita sa Larawan 17.

Nakakahiya. 17

6.2. Ang Type B na font ay ipinapakita sa Fig. 18.

Nakakahiya. 18

Mga Tala:

1. Ang mga numerong Romano na L, C, D, M ay dapat isagawa alinsunod sa mga patakaran ng alpabetong Latin.

2. Ang mga Roman numeral ay pinapayagang limitahan ng mga pahalang na linya.

7. TANDA

7.1. Ang uri ng font A na may slant ay ipinapakita sa Fig. 19.

Nakakahiya. 19

7.2. Ang isang type A na font na walang slant ay ipinapakita sa Fig. 20.

Sumpain. 20

7.3. Ang uri ng font B na may slant ay ipinapakita sa Fig. 21.

Nakakahiya. 21

7.4. Ang isang type B na font na walang slant ay ipinapakita sa Fig. 22.

Sumpain. 22

7.5. Ang mga pangalan ng mga palatandaan ay ibinigay sa Talahanayan 3.

Talahanayan 3

Mga numero ng karakter sa mga guhit

Pangalan ng mga palatandaan

Colon

Semicolon

Tandang padamdam

Tandang pananong

Talata

Pagkakapantay-pantay

Halaga pagkatapos ng pag-ikot

Sumusunod

Asymptotically equal

Tinatayang pantay

Mas mababa sa o katumbas ng

Marami o pantay

Minus, gitling

Plus o minus

Pagpaparami

Parallel

Perpendikular

Taper

Integral

Infinity

Mga square bracket

Mga bilog na bracket

Ugali ng praksyon

Marka ng pagkakatulad

Bituin

8. MGA PANUNTUNAN PARA SA PAGSULAT NG MGA FRACTION, INDICATOR, INDEXES AT LIMIT DEVIATIONS

8.1. Ang mga fraction, indicator, index at maximum deviations ay ginagawa alinsunod sa Table 4 sa laki ng font:

Isang bingaw na mas mababa kaysa sa laki ng font ng batayang laki kung saan sila itinalaga;

Ang parehong laki ng pangunahing laki ng font.

Talahanayan 4

Mga pagpipilian sa pagpapatupad

Mga font

Mga halimbawa ng pagpapatupad

basic
malaki
mga ranggo

mga praksyon, habang-
mga tarangkahan, atbp.

Ang laki ng font ay isang hintuan na mas maliit kaysa sa laki ng base

Ang laki ng font ay kapareho ng laki ng base

APENDIKS (sanggunian). MGA ALAMAT NG SIRCUIT

APLIKASYON
Sanggunian

Hungarian

Aleman

lengwahe ng mga Polish

wikang Romanian

Czech at Slovak na wika

Electronic na teksto ng dokumento
inihanda ng JSC "Kodeks" at na-verify ng:
opisyal na publikasyon
Pinag-isang sistema para sa dokumentasyon ng disenyo:
Sab. Mga GOST. - M .: Standardinform, 2007



 


Basahin:



Bumili ng Sophora makulayan, application ng makulay na Sophora

Bumili ng Sophora makulayan, application ng makulay na Sophora

Sa artikulong tinatalakay namin ang tincture ng Japanese Sophora. Sasabihin namin sa iyo kung paano kapaki-pakinabang ang gamot, anong mga kontraindiksyon para sa paggamit at posibleng mga panganib sa kalusugan ...

Bakit walang gatas pagkatapos ng panganganak?

Bakit walang gatas pagkatapos ng panganganak?

Ang gatas ng ina ay ang pinakamahalagang pagkain para sa isang bagong silang na sanggol. Sa pagpapasuso lamang makukuha ng isang sanggol ang lahat ...

Ano ang dapat gawin upang maiwasan ang mabuntis?

Ano ang dapat gawin upang maiwasan ang mabuntis?

Ang pag-ibig sa kapareha na mayroon kang damdamin ay isa sa pinakagaganyak at lubos na kaligayahan na damdamin. Napupuno ng banal na damdamin ...

Posible bang mabuntis mula sa pampadulas ng lalaki, mayroong tamud dito?

Posible bang mabuntis mula sa pampadulas ng lalaki, mayroong tamud dito?

Maraming pamamaraan ng pagpipigil sa pagbubuntis, ngunit sa ilang kadahilanan karamihan sa mga kabataan ay ginusto ang pinaka hindi maaasahan - nagambala ang pakikipagtalik. Mga Mag-asawa ...

feed-image Rss