Kio estas la genera tiparaj familioj en CSS?

La ĝeneralaj fontaj tiparoj estas disponeblaj por uzi en via retejo

Kiam vi desegnas retejon, unu el la ĉefaj elementoj de paĝo, kiun vi laboros kun, estas enhavo de teksto. Kiel tia, kiam vi konstruas retpaĝon kaj stilos ĝin per CSS, granda parto de tiu penado estos centrita ĉirkaŭ la tipografio de la retejo.

Tipografia desegno ludas gravan rolon en retejo-dezajno. Nu enmetita kaj formata teksta enhavo helpas lokon esti pli sukcesa kreante legan sperton, kiu estas ĝoja kaj facile konsumi. Parto de viaj penoj labori kun tipo estos elekti la ĝustajn tiparojn por via dezajno kaj tiam uzi CSS por aldoni tiujn tiparojn kaj tiparojn al la paĝo montriĝo. Ĉi tio fariĝas per tio, kio estas nomata " font-stack "

Font-Stakoj

Kiam vi specifas tiparon por uzi en retpaĝaro, ĝi estas plej bona praktiko por ankaŭ inkluzivigi retpagajn eblojn en la okazo ke via tipara elekto ne troveblas. Ĉi tiuj flankaj elektoj estas prezentitaj en la "tipara stako". Se la retumilo ne povas trovi la unuan tiparon en la stako, ĝi moviĝas al la sekva. Ĝi daŭrigas ĉi tiun procezon ĝis ĝi trovas tiparon, kiun ĝi povas uzi, aŭ ĝi foriras de elektoj (en kies kazo ĝi nur elektas iun ajn tipan sistemon, kiun ĝi volas). Jen ekzemplo de kiel tiparo-stako aspektos en CSS kiam oni aplikos ĝin al la "korpo" elemento:

korpo {font-familio: Kartvelio, "Times New Roman", serif; }

Rimarku, ke ni unue specifu la tiparon de Kartvelio. Defaŭlte, ĉi tio estas, kion la paĝo uzos, sed se tiu ĉi tiparo ne estas disponebla por iu kialo, la paĝo revenos al Times New Roman. Ni aliĝas tiun tipan nomon en duoblaj citaĵoj ĉar ĝi estas plur-vorta nomo. Nur vortaj font-nomoj, kiel Kartvelio aŭ Arial, ne postulas la citaĵojn, sed plur-vorto tipara nomo bezonas ilin do la retumilo scias, ke ĉiuj tiuj vortoj konsistas el la tipara nomo.

Se vi rigardas la finon de la tipara stako, vi rimarku, ke ni finu per la vorto "serif". Tio estas generika tipara familia nomo. En la neprobabla evento, ke persono ne havas Kartvelion aŭ Times New Roman en sia komputilo, la retejo uzus ajnan serpran tiparon, kiun ĝi povus trovi. Ĉi tio estas prefere permesi la retejon malfunkciigi ajnan tiparon, kiun vi volas, ĉar almenaŭ vi povas diri, kia tiparo uzi, por ke la ĝenerala aspekto kaj tono de la dezajno de la retejo estos tiel nerompitaj kiel eble. Jes, la retumilo elektos tiparon por vi, sed almenaŭ vi donos gvidon, do ĝi scias, kia tiparo funkcios plej bone ene de la dezajno.

Familiaj Fontaj Familioj

La genera tipara nomo disponebla en CSS estas:

Dum ekzistas multaj aliaj tiparaj klasifikoj haveblaj en retejo kaj tipografio, inkluzive de slab-serif, blackletter, display, grunge kaj pli, ĉi tiuj 5 supre listigitaj generaj tiparaj nomoj estas tiuj, kiujn vi uzus en font-stack en CSS. Kio estas la diferencoj en ĉi tiuj fontaj klasifikoj? Ni rigardu!

Cursive tiparoj ofte prezentas maldikajn, ornamitajn literformojn, kiuj estas intencitaj por reprodukti mirindan skribitan tekston. Ĉi tiuj tiparoj, pro siaj maldikaj, florecaj literoj, ne taŭgas por granda bloko de enhavo kiel korpa kopio. Cursive tiparoj estas ĝenerale uzataj por titoloj kaj pli mallongaj tekstaj bezonoj, kiuj povas esti montritaj en pli grandaj tiparaj grandecoj.

Fantazaj tiparoj estas la frenezaj tiparoj, kiuj vere ne falas en iu ajn alia kategorio. Tiparoj, kiuj reproduktas bone konatajn signojn, kiel la leterformoj de la Harry Potter aŭ Back to the Future-filmoj, falus en ĉi tiun kategorion. Denove, ĉi tiuj tiparoj ne taŭgas por la enhavo de la korpo, ĉar ili ofte estas tiel stiligitaj, ke legi longajn paŝojn de teksto skribita en ĉi tiuj tiparoj estas tre malfacile fari.

Monospecaj tiparoj estas tiuj, kie ĉiuj literoj estas same grandecaj kaj interspacigitaj, kiel vi trovus en malnova skribaŝino. Kontraste kun aliaj tiparoj, kiuj havas diversajn larĝojn por literoj laŭ sia grandeco (ekzemple, ĉefurbo "W" prenus multe pli da ĉambro ol minuskla "i"), monospekaj tiparoj estas fiksitaj larĝe por ĉiuj karakteroj. Ĉi tiuj tiparoj ofte uzas kiam kodo estas montrata en paĝo ĉar ili aspektas klare malsama ol alia teksto en tiu paĝo.

Serifaj fontoj estas unu el la plej popularaj klasifikoj. Ĉi tiuj estas tiparoj kiuj havas la malgrandajn ekstrajn ligojn sur la literoj. Tiuj ekstraj pecoj nomas "serviloj". Komunaj serifaj fontoj estas Kartvelio kaj Tempoj Nov-Romaj. Serifaj fontoj povas esti uzataj por grandaj tekstoj kiel titoloj kaj longaj paŝoj de teksto kaj korpa kopio.

Sans-serif estas la fina klasifiko, kiun ni rigardos. Ĉi tiuj estas tiparoj, kiuj ne havas tiujn menciitajn ligatojn. La nomo signifas "sen serviloj". Popularaj tiparoj en ĉi tiu kategorio estus Arial aŭ Helvetica. Simila al serivoj, sans-serif-tiparoj povas esti uzataj same bone en rubrikoj kaj ankaŭ en korpaj enhavo.

Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 10/16/17