Die generiese font klassifikasies beskikbaar om op jou webwerf te gebruik
By die ontwerp van 'n webwerf is een van die belangrikste elemente van 'n bladsy waaraan u sal werk, teksinhoud. As sodanig, wanneer jy 'n webblad bou en styl met CSS, sal 'n groot deel van die poging om die tipografie van die werf gesentreer word.
Tipografiese ontwerp speel 'n belangrike rol in webbladontwerp. Goed uitgewerkte en formateerde teksinhoud help om 'n webwerf meer suksesvol te maak deur 'n leeservaring te skep wat aangenaam en maklik is om te verbruik. 'N Deel van jou pogings om met die tipe te werk, sal wees om die regte lettertipes vir jou ontwerp te kies en dan CSS te gebruik om die lettertipes en lettertypestyle op die vertoning van die bladsy by te voeg. Dit word gedoen deur die gebruik van 'n " font-stack "
Font-Stapels
Wanneer u 'n font spesifiseer wat op 'n webblad gebruik word, is dit 'n beste praktyk om ook terugval opsies in te sluit indien u skrifkeuse nie gevind kan word nie. Hierdie opsies word in die "font stack" aangebied. As die leser nie die eerste lettertipe in die stapel kan kry nie, beweeg dit na die volgende een. Dit gaan voort met hierdie proses totdat dit 'n font kry wat dit kan gebruik, of dit loop uit keuses (in welke geval dit net 'n stelsel font kies wat dit wil hê). Hier is 'n voorbeeld van hoe 'n fontstapel in CSS sal lyk wanneer dit toegepas word op die "liggaam" -element:
liggaam {font-family: Georgia, "Times New Roman", serif; }Let daarop dat ons eers die lettertipe Georgia spesifiseer. By verstek is dit wat die bladsy sal gebruik, maar as die font vir een of ander rede nie beskikbaar is nie, sal die bladsy terugval na Times New Roman. Ons sluit die letternaam in dubbele aanhalingstekens in, want dit is 'n veelwoordige naam. Enkele woord font name, soos Georgia of Arial, benodig nie die aanhalingstekens nie, maar die veelvuldige lettertipe naam benodig hulle sodat die leser weet dat al die woorde die fontnaam vorm.
As u die einde van die fontstapel kyk, moet u sien dat ons eindig met die woord "serif". Dit is 'n generiese font familienaam. In die onwaarskynlike geval dat 'n persoon nie Georgia of Times New Roman op hul rekenaar het nie, sal die werf enige serif font gebruik wat dit kan vind. Dit is beter om die webwerf toe te laat om terug te keer na watter lettertipes dit wil hê, want jy kan ten minste vertel watter soort skrif te gebruik sodat die algehele voorkoms en toon van die ontwerp van 'n webwerf so intakt as moontlik sal wees. Ja, die blaaier sal 'n font vir jou kies, maar jy gee ten minste leiding sodat dit weet watter soort letterwerk die beste in die ontwerp sal werk.
Generiese Font Families
Die generiese fontnaam wat in CSS beskikbaar is, is:
- lopende
- fantasie
- mono
- serif
- sans-serif
Alhoewel daar baie ander lettertypeklassifikasies beskikbaar is in webontwerp en tipografie, insluitende blaar-serif, swartletter, vertoning, grunge en meer, is hierdie 5 bogenoemde generiese skrifname die een wat jy in 'n fontstapel in CSS sal gebruik. Wat is die verskille in hierdie fontklassifikasies? Kom ons kyk!
Opkomende lettertipes bevat dikwels dun, versierde lettervorms wat bedoel is om fancy handgeskrewe teks te herhaal. Hierdie lettertipes, as gevolg van hul dun blombriewe, is nie geskik vir 'n groot blok van inhoud soos liggaamsopskrif nie. Opkomende lettertipes word gewoonlik gebruik vir opskrifte en korter teksbehoeftes wat in groter lettergroottes vertoon kan word.
Fantasie fonts is die ietwat mal lettertipes wat nie regtig in enige ander kategorie val nie. Fonte wat bekende logo's herhaal, soos die lettervorms van die Harry Potter of Back to the Future-flieks, sal in hierdie kategorie val. Weereens, hierdie fonts is nie geskik vir liggaamsinhoud nie, aangesien dit dikwels so gestileer is dat die lees van langer gedeeltes van teks wat in hierdie lettertipes geskryf is, veel te moeilik is om te doen.
Monospace- lettertipes is dié waar al die lettervorms ewe groot en uitgespreid is, soos jy op 'n ou tikmasjien gevind het. In teenstelling met ander lettertipes wat veranderlike breedtes het vir letters afhangende van hul grootte (byvoorbeeld, 'n hoofletter "W" sal veel meer ruimte inneem as 'n klein lettertjie "i"), monospace-lettertipes is vaste wydte vir alle karakters. Hierdie lettertipes word dikwels gebruik wanneer kode op 'n bladsy vertoon word, omdat hulle verskillend verskil as ander teks op daardie bladsy.
Serif fonts is een van die meer gewilde klassifikasies. Hierdie is lettertipes wat die klein ekstra ligature op die lettervorms bevat. Daardie ekstra stukke staan bekend as "serifs". Gewone serif fonts is Georgia en Times New Roman. Serif lettertipes kan gebruik word vir groot teks soos opskrif, asook lang gedeeltes van teks en liggaamsopskrifte.
Sans-serif is die finale klassifikasie waarna ons gaan kyk. Hierdie is lettertipes wat nie die genoemde ligaturasies het nie. Die naam beteken "sonder serifs". Gewilde lettertipes in hierdie kategorie sal Arial of Helvetica wees. Soortgelyk aan serifs, kan sans-serif fonts ewe goed gebruik word in opskrifte sowel as liggaamsinhoud.
Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 10/16/17